homepage: remove duplicate Topics chip row (kept only the always-visible labeled row)

This commit is contained in:
Ryan Salazar
2026-05-22 06:34:34 +00:00
parent 04efa3933a
commit 1114bdbdf6

View File

@@ -505,27 +505,9 @@ export default function ArticleFeed() {
</div>
)}
{/* Category filter chips (always visible, quick access) */}
<div
className="flex flex-wrap gap-1.5"
role="group"
aria-label="Filter articles by category">
{ALL_CATEGORIES.map((cat, i) => {
const isActive = activeCategory === cat;
return (
<button
key={cat}
ref={(el) => { filterRefs.current[i] = el; }}
onClick={() => { setActiveCategory(cat); setPage(1); }}
onKeyDown={(e) => handleFilterKeyDown(e, i)}
aria-pressed={isActive}
tabIndex={isActive ? 0 : -1}
className={`filter-chip ${isActive ? "filter-chip-active" : ""} focus:outline-none focus-visible:ring-2 focus-visible:ring-[#3b82f6]`}>
{cat}
</button>
);
})}
</div>
{/* Legacy chip row removed — replaced by the always-visible
"Topics:" chip row higher up. Single source of category
selection now. */}
{/* Results count */}
{(searchQuery || activeCategory !== "All" || sourceFilter !== "All" || authorFilter !== "All" || dateFrom || dateTo) && (