Fix Network Label Casing In Premium Market Modal

by Jule 49 views
Fix Network Label Casing In Premium Market Modal

Discussion category DorkFi,dorkfi-app

The Network row in the Premium Market modal still shows sluggish, hyphen-replaced strings like voi mainet instead of clean labels like “Voi Network.” This glitch, visible after recent PR #267, disrupts clarity and risks confusing users expecting polished, human-readable data.

Network labels should be clear and consistent - Voi should read “Voi Network,” not “voi mainet,” and Algorand should appear as “Algorand,” not “algorand.” The fix lies in refining the mapping logic in MarketDetailStatsSection: replacing hyphens with spaces then converting slugs to proper casing.

Here is the deal: clean labels aren’t just about style - they build trust. When DorkFi’s Market displays network names as they should, users feel seen and informed.

Behind the fix is a deeper shift in UX culture: clarity matters. Users don’t just want data - they want it presented with intention. The current casing error subtly undermines that promise.

But there is a catch: the network mapping must stay consistent across all Market rows, avoiding accidental reversion to pool IDs or raw IDs in other sections. This demands careful review of shared helpers and consistent use of the same transformation function.

The Bottom Line: clean, correct network labels aren’t a minor detail - they’re part of a thoughtful, user-first design. When the Market shows “Voi Network” instead of “voi mainet,” it’s not just better to read - it’s better to feel.