Skip to content

Commit a93596f

Browse files
committed
feat(ui): add live tag filter status label to home header
1 parent 28dff84 commit a93596f

1 file changed

Lines changed: 21 additions & 3 deletions

File tree

frontend/src/app/[locale]/page.tsx

Lines changed: 21 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -108,6 +108,15 @@ export default function HomePage() {
108108
.slice(0, 20);
109109
}, [worldTags]);
110110

111+
const tagFilterLabel =
112+
locale === "ko"
113+
? tagFilter
114+
? `필터: ${tagFilter}`
115+
: "필터: 전체"
116+
: tagFilter
117+
? `Filter: ${tagFilter}`
118+
: "Filter: All";
119+
111120
// Fetch fresh AI-generated examples every time we cycle through existing ones
112121
useEffect(() => {
113122
if (exampleIndex > 0 && exampleIndex % 5 === 0) {
@@ -272,9 +281,18 @@ export default function HomePage() {
272281
{/* ===== Tag filter ===== */}
273282
{allTags.length > 0 && (
274283
<div className="w-full max-w-5xl mb-8">
275-
<h2 className="text-base uppercase tracking-widest text-hud-label mb-3">
276-
Filter by tag
277-
</h2>
284+
<div className="flex items-center justify-between gap-2 mb-3">
285+
<h2 className="text-base uppercase tracking-widest text-hud-label">
286+
Filter by tag
287+
</h2>
288+
<p
289+
className="text-[11px] font-mono uppercase tracking-wider text-hud-muted"
290+
role="status"
291+
aria-live="polite"
292+
>
293+
{tagFilterLabel}
294+
</p>
295+
</div>
278296
<div className="flex flex-wrap gap-1.5">
279297
<button
280298
onClick={() => setTagFilter(null)}

0 commit comments

Comments
 (0)