refactor(ui): shared FilterChipGroup; unify feed filter chips (R13 S2c step 2)

New single-select FilterChipGroup primitive on the canonical rounded-full
"Filters bar" chip look (pill + shadow-xs + press feedback), plus an exported
filterChipClass so multi-select siblings share ONE geometry source of truth.

Migrations:
- feed watch-state chips (F1, Feed.tsx) -> FilterChipGroup, testIds preserved
- feed content-type toggles restyled to filterChipClass (stay multi-select) so
  the whole toolbar row is one chip look; wrapped in their own labelled group
- feed date presets + Custom (F3, Sidebar.tsx) -> FilterChipGroup with a
  behaviour-preserving dispatch (preset toggle-off + Custom editor intact)

Adds aria-label i18n (feed.showLabel/contentLabel, sidebar.datePresetLabel;
HU+EN) and FilterChipGroup.dom.test.tsx (6 tests). Self-E2E'd: watch switch,
date preset on/off toggle, Custom opens the range editor. gate green (vitest
136, tsc/eslint-0/knip/prettier). Branch not merged.
This commit is contained in:
2026-08-15 00:35:22 +02:00
parent 61ee7af9e4
commit 579af9cf89
8 changed files with 201 additions and 56 deletions
+2
View File
@@ -20,6 +20,8 @@
"videoCount_other": "{{formattedCount}} videos",
"sortLabel": "Sort",
"viewLabel": "View",
"showLabel": "Watch state",
"contentLabel": "Content types",
"view": {
"cards": "Large cards",
"cardsSmall": "Small cards",
@@ -66,6 +66,7 @@
"shorts": "Shorts",
"live": "Live / Upcoming"
},
"datePresetLabel": "Upload date",
"datePreset": {
"24h": "24h",
"1week": "1 week",
+2
View File
@@ -20,6 +20,8 @@
"videoCount_other": "{{formattedCount}} videó",
"sortLabel": "Rendezés",
"viewLabel": "Nézet",
"showLabel": "Megtekintési állapot",
"contentLabel": "Tartalomtípusok",
"view": {
"cards": "Nagy kártya",
"cardsSmall": "Kis kártya",
@@ -66,6 +66,7 @@
"shorts": "Shorts",
"live": "Élő / Hamarosan"
},
"datePresetLabel": "Feltöltés dátuma",
"datePreset": {
"24h": "24 óra",
"1week": "1 hét",