Skip to content

Commit aa02e11

Browse files
ericyangpanclaude
andcommitted
feat: add verified badge to model list page
- Display VerifiedBadge on model cards in list view - Uses small size variant for inline display - Only shown for verified models - Consistent with detail page verified badge display 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
1 parent 329b007 commit aa02e11

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

src/app/[locale]/models/page.client.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ import Footer from '@/components/Footer'
66
import Header from '@/components/Header'
77
import StackTabs from '@/components/navigation/StackTabs'
88
import PageHeader from '@/components/PageHeader'
9+
import { VerifiedBadge } from '@/components/VerifiedBadge'
910
import type { Locale } from '@/i18n/config'
1011
import { Link } from '@/i18n/navigation'
1112
import { modelsData } from '@/lib/generated'
@@ -97,7 +98,10 @@ export default function ModelsPageClient({ locale }: Props) {
9798
className="block border border-[var(--color-border)] p-[var(--spacing-md)] hover:border-[var(--color-border-strong)] transition-all hover:-translate-y-0.5 group"
9899
>
99100
<div className="flex justify-between items-start mb-[var(--spacing-sm)]">
100-
<h3 className="text-lg font-semibold tracking-tight">{model.name}</h3>
101+
<div className="flex items-center gap-[var(--spacing-xs)]">
102+
<h3 className="text-lg font-semibold tracking-tight">{model.name}</h3>
103+
{model.verified && <VerifiedBadge size="sm" />}
104+
</div>
101105
<span className="text-lg text-[var(--color-text-muted)] group-hover:text-[var(--color-text)] group-hover:translate-x-1 transition-all">
102106
103107
</span>

0 commit comments

Comments
 (0)