setting up test functionality

components/daily-quiz/daily-quiz-link-button.tsx

@@ -0,0 +1,32 @@
+"use client";
+
+import Link from "next/link";
+import { useEffect, useState } from "react";
+
+import { Button } from "@/components/ui/button";
+import { hasCompletedDailyQuizToday } from "@/lib/daily-quiz-storage";
+import { routes } from "@/lib/routes";
+
+export function DailyQuizLinkButton() {
+  const [isCompleted, setIsCompleted] = useState(false);
+  const [isReady, setIsReady] = useState(false);
+
+  useEffect(() => {
+    setIsCompleted(hasCompletedDailyQuizToday());
+    setIsReady(true);
+  }, []);
+
+  if (!isReady || isCompleted) {
+    return (
+      <Button className="w-full" variant="outline" disabled>
+        Open daily quiz
+      </Button>
+    );
+  }
+
+  return (
+    <Button asChild className="w-full" variant="outline">
+      <Link href={routes.dailyQuiz}>Open daily quiz</Link>
+    </Button>
+  );
+}