Components
Loading preview...
This is achievement badge
npx shadcn@latest add https://21st.dev/r/trophyso/achievement-badgeimport { AchievementBadge } from "@/components/ui/achievement-badge"
export default function SeriesProgress() {
return (
<div className="flex items-center gap-4">
<AchievementBadge
achievement={{
id: "1",
name: "Consistency I",
trigger: "streak",
achievedAt: "2024-01-01T00:00:00Z",
}}
/>
<AchievementBadge
achievement={{
id: "2",
name: "Consistency II",
trigger: "streak",
achievedAt: "2024-02-01T00:00:00Z",
progress: 60,
}}
/>
<AchievementBadge
achievement={{
id: "3",
name: "Consistency III",
trigger: "streak",
achievedAt: null,
}}
/>
</div>
)
}