From 07e95ca8e85debbba081330fca77369c0e56372f Mon Sep 17 00:00:00 2001 From: npeter83 Date: Sat, 15 Aug 2026 01:08:17 +0200 Subject: [PATCH] refactor(ui): fold the feed TagChip onto the shared filterChipClass (R13 S2c) The feed sidebar's multi-select TagChip (language/topic/tag chips) was the last hand-rolled chip whose className duplicated the canonical geometry verbatim (it's the reference look filterChipClass was derived from). Point it at the shared constant; the only delta is dropping a one-off hover:shadow-sm so every filter chip in the app now hovers identically. Badge markup unchanged. gate green (tsc/eslint-0/prettier). Branch not merged. --- frontend/src/components/Sidebar.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/frontend/src/components/Sidebar.tsx b/frontend/src/components/Sidebar.tsx index 0f82c53b..30456be4 100644 --- a/frontend/src/components/Sidebar.tsx +++ b/frontend/src/components/Sidebar.tsx @@ -16,7 +16,7 @@ import SidePanel from "./SidePanel"; import PanelGroups, { type PanelItem } from "./PanelGroups"; import ChannelPicker from "./ChannelPicker"; import SegmentedToggle from "./SegmentedToggle"; -import FilterChipGroup from "./FilterChipGroup"; +import FilterChipGroup, { filterChipClass } from "./FilterChipGroup"; import { useFeedFilters, useFeedFiltersActions } from "./FeedFiltersProvider"; import { useChannelsActions } from "./ChannelsProvider"; import { useMe } from "../lib/useMe"; @@ -49,7 +49,7 @@ function TagChip({ onClick={onClick} title={t("sidebar.channelCount", { count })} aria-pressed={active} - className="pill inline-flex items-center gap-1.5 text-xs px-2.5 py-1 rounded-full border shadow-xs hover:shadow-sm active:translate-y-px" + className={filterChipClass} > {tag.name}