feat(frontend): add progress tracking

This commit is contained in:
2025-07-31 13:23:11 +01:00
parent 323a1aa50e
commit 20da63926d
3 changed files with 71 additions and 1 deletions
@@ -0,0 +1,26 @@
"use client";
import { useState, useEffect } from "react";
import { CheckCircle } from "lucide-react";
import { isQuestionCompleted } from "@/lib/progress";
interface CompletionIndicatorProps {
slug: string;
}
export function CompletionIndicator({ slug }: CompletionIndicatorProps) {
const [completed, setCompleted] = useState(false);
useEffect(() => {
setCompleted(isQuestionCompleted(slug));
}, [slug]);
if (!completed) return null;
return (
<CheckCircle
className="h-4 w-4 text-green-500 flex-shrink-0"
aria-label="Completed"
/>
);
}