Catalog game tiles: stats row can't wrap — prod's sealed_count squeezes 3 metrics into one clipped line #315

New Issue

2026-08-02T18:34:49Z

gambit-admin commented

2026-08-02 18:34:49 +00:00

Follow-up to #314 (fonts fixed, layout still wrong). app/(tabs)/search.tsx game tiles render up to three stats segments (SETS · CARDS · SEALED) in styles.gameStats, a flexDirection:row with NO flexWrap, inside a ~173pt two-column tile. Production /catalog/games returns sealed_count (backend/app/routes/core.py catalog_games, shipped with the sealed catalog), so on TestFlight every tile squeezes three segments into one unwrappable line. Rudy's design environment runs the older backend that returns no sealed_count field at all — two short segments fit — so the overflow state was never visible on his preview. Verified: design API response has no sealed_count key; gambit main's route includes it; search.tsx JSX renders it when present; gameStats/languageStats have no flexWrap.

Fix: flexWrap:"wrap" + small rowGap on gameStats and languageStats so overflow becomes a centered second line.

Filed from a Claude Code session

Follow-up to #314 (fonts fixed, layout still wrong). app/(tabs)/search.tsx game tiles render up to three stats segments (SETS · CARDS · SEALED) in styles.gameStats, a flexDirection:row with NO flexWrap, inside a ~173pt two-column tile. Production /catalog/games returns sealed_count (backend/app/routes/core.py catalog_games, shipped with the sealed catalog), so on TestFlight every tile squeezes three segments into one unwrappable line. Rudy's design environment runs the older backend that returns no sealed_count field at all — two short segments fit — so the overflow state was never visible on his preview. Verified: design API response has no sealed_count key; gambit main's route includes it; search.tsx JSX renders it when present; gameStats/languageStats have no flexWrap. Fix: flexWrap:"wrap" + small rowGap on gameStats and languageStats so overflow becomes a centered second line. --- Filed from a Claude Code session

gambit-admin added the ui label 2026-08-02 18:34:49 +00:00

gambit-admin commented

2026-08-02 18:43:18 +00:00

Shipped. PR #164 (agent-reviewed, no blockers; also swept the other catalog screens — this tile row was the only place sealed_count renders) merged as bc0a80c and published to TestFlight as prod OTA at runtime 1.3.5 (update group 935fd64d, 2026-08-02). Game-tile stats now wrap to a second centered line when prod's third SEALED segment doesn't fit.

Root-cause note for the team: Rudy's design environment previews against the older legacy backend, which never returns sealed_count — so this overflow was invisible in his preview. Until his design env runs the current gambit backend, prod-only response fields will keep producing looked-fine-in-preview bugs.

Filed from a Claude Code session

Shipped. PR #164 (agent-reviewed, no blockers; also swept the other catalog screens — this tile row was the only place sealed_count renders) merged as bc0a80c and published to TestFlight as prod OTA at runtime 1.3.5 (update group 935fd64d, 2026-08-02). Game-tile stats now wrap to a second centered line when prod's third SEALED segment doesn't fit. Root-cause note for the team: Rudy's design environment previews against the older legacy backend, which never returns sealed_count — so this overflow was invisible in his preview. Until his design env runs the current gambit backend, prod-only response fields will keep producing looked-fine-in-preview bugs. --- Filed from a Claude Code session

gambit-admin closed this issue

2026-08-02 18:43:18 +00:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: gambit/gambit#315