19 lines
460 B
TypeScript
19 lines
460 B
TypeScript
"use client";
|
|
|
|
import { useEffect, useState } from "react";
|
|
import { loadStats } from "@/lib/stats";
|
|
|
|
export default function StreakBadge({ game }: { game: string }) {
|
|
const [streak, setStreak] = useState(0);
|
|
|
|
useEffect(() => {
|
|
setStreak(loadStats(game).streak);
|
|
}, [game]);
|
|
|
|
if (streak === 0) return null;
|
|
return (
|
|
<span className="inline-flex items-center gap-1 text-xs font-semibold text-orange-500">
|
|
🔥{streak}
|
|
</span>
|
|
);
|
|
}
|