Skip to content

feat(frontend): song table and list UI polish - #418

Merged
prokosna merged 5 commits into
mainfrom
feat/song-table-ui-polish
Oct 28, 2026
Merged

prokosna merged 5 commits into
mainfrom
feat/song-table-ui-polish

Conversation

@prokosna

Copy link
Copy Markdown
Owner

UI polish from a headless-browser review.

  • Playing song: brand-colored text and a left accent bar, background left alone so selection stays distinct
  • Fonts: AG Grid uses Mantine's font family; Search Editor inputs raised from 12px to 14px
  • Empty song tables: state-aware messages (nothing chosen yet / hidden by the global filter / source empty) instead of "No Rows To Show"
  • Empty select lists: same for browser filter lists, saved searches, and playlists

🤖 Generated with Claude Code

prokosna and others added 5 commits October 28, 2026 20:04
Mark the playing row with the brand text color and an accent bar on its
left edge in addition to bold. The row background is left alone so it
stays distinguishable from selected rows.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
AG Grid used its own font stack, which resolves to a different face
than Mantine on Linux. Pass Mantine's font family to both grid themes.
Also raise the Search Editor inputs from xs to sm so they match the
14px text of the lists next to them.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Replace AG Grid's "No Rows To Show" with a message that depends on the
state: what to do when nothing has been chosen yet, that the global
filter hides every row, or that the source itself is empty. Each table
supplies its own idle and empty messages through a new noRows prop.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Replace "No Rows To Show" in the browser filter lists, the saved
searches list, and the playlist list. The browser filter lists say when
the global filter hides every value; the others explain how to create
their first item.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
…lish

# Conflicts:
#	packages/frontend/src/features/song_table/components/SongTable.tsx
@prokosna
prokosna merged commit 16cca4a into main Oct 28, 2026
1 check passed
@prokosna
prokosna deleted the feat/song-table-ui-polish branch October 28, 2026 13:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant