Replace localStorage API key with reactive hook across app

2025-12-26 21:16:23 +01:00
parent 0ff8a4e685
commit b4503b7e3e
5 changed files with 106 additions and 42 deletions
@@ -6,15 +6,17 @@ import { Github, Key, BookOpen, User, Plus } from "lucide-react";
 import Link from "next/link";
 import { ApiKeyModal } from "@/components/api-key-modal";
 import { SignInButton, SignedIn, SignedOut, useAuth } from "@clerk/nextjs";
+import { useApiKey } from "@/hooks/use-api-key";

 export function Navbar() {
  const [showApiModal, setShowApiModal] = useState(false);

  const { isLoaded } = useAuth();
  const pathname = usePathname();
+  const [, setApiKey] = useApiKey();

  const handleApiKeySubmit = (key: string) => {
-    localStorage.setItem("together_api_key", key);
+    setApiKey(key);
    setShowApiModal(false);
  };