My games: result filters with counts, rich rows, and Show more #405

New issue

Closed

opened 2026-10-14 14:37:50 +00:00 by root · 5 comments

root commented

2026-10-14 14:37:50 +00:00

(Migrated from gitlab.core-project.space)

Parent

#400

Seam: S4 — MyGamesView with the games harness and MSW serving the paged game.list; plus the S6 My games steps in my-games.spec

What to build

My games as chosen in the prototype (variant D on prototype/399-front-screens), on the paged game.list.

Frame: the account page's: same width, padding and title row. No "New game" in the heading.
Filters on the left: All games, Won, Lost and Draw, each with its count from the server. The chosen one is a validated result search parameter (absent means all). Below md they become a row of tabs above the list.
Rows: a big W, L or D, then "vs " with the Player's Color and how the Game ended, a relative date with the full date on hover, and a chevron. The whole row links to the Game.
Paging: an infinite query keyed by result, built by the games vertical's query-options factory. "Show more" loads the next page, with "Showing n of N" beside it, N being the filter's count. Coming back from a Game keeps the pages loaded.
Empty states:
- No Game at all: "No games yet", why, and a New game button. If the browser has never played, Sign in too.
- A filter with no Game: a plain line saying so.
All copy goes into the Paraglide catalogue in English and French.

Acceptance criteria

Rows render with result, opponent, Color, ending and relative date, newest first, each linking to its Game.
The filters show the server's counts. Choosing one narrows the list, survives a reload, and falls back to all for an unknown value.
"Show more" appends the next page and disappears when nextCursor is null. "Showing n of N" is right under each filter.
Both empty states, and the empty-filter line, render as above.
The list keeps the accessible name "My games". my-games.spec filters the Games it played and still finds each Player's own result.
French copy on every new string.
The gate is green.

## Parent #400 Seam: S4 — `MyGamesView` with the games harness and MSW serving the paged `game.list`; plus the S6 My games steps in `my-games.spec` ## What to build My games as chosen in the prototype (variant D on `prototype/399-front-screens`), on the paged `game.list`. - **Frame:** the account page's: same width, padding and title row. No "New game" in the heading. - **Filters on the left:** All games, Won, Lost and Draw, each with its count from the server. The chosen one is a validated `result` search parameter (absent means all). Below `md` they become a row of tabs above the list. - **Rows:** a big W, L or D, then "vs <opponent>" with the Player's Color and how the Game ended, a relative date with the full date on hover, and a chevron. The whole row links to the Game. - **Paging:** an infinite query keyed by `result`, built by the `games` vertical's query-options factory. "Show more" loads the next page, with "Showing n of N" beside it, N being the filter's count. Coming back from a Game keeps the pages loaded. - **Empty states:** - No Game at all: "No games yet", why, and a New game button. If the browser has never played, Sign in too. - A filter with no Game: a plain line saying so. - All copy goes into the Paraglide catalogue in English and French. ## Acceptance criteria - [ ] Rows render with result, opponent, Color, ending and relative date, newest first, each linking to its Game. - [ ] The filters show the server's counts. Choosing one narrows the list, survives a reload, and falls back to all for an unknown value. - [ ] "Show more" appends the next page and disappears when `nextCursor` is null. "Showing n of N" is right under each filter. - [ ] Both empty states, and the empty-filter line, render as above. - [ ] The list keeps the accessible name "My games". `my-games.spec` filters the Games it played and still finds each Player's own result. - [ ] French copy on every new string. - [ ] The gate is green.

root commented

2026-10-14 14:37:58 +00:00

(Migrated from gitlab.core-project.space)

marked this issue as related to #400