Dental Care

components/landing/navbar-wrapper.tsx

@@ -0,0 +1,31 @@
+"use client";
+import { Navbar } from "./navbar";
+import { useEffect, useState } from "react";
+
+export function NavbarWrapper() {
+  const [user, setUser] = useState(null);
+  const [isUserAdmin, setIsUserAdmin] = useState(false);
+
+  useEffect(() => {
+    async function fetchUser() {
+      try {
+        const res = await fetch("/api/auth/session");
+        if (res.ok) {
+          const session = await res.json();
+          setUser(session.user);
+          setIsUserAdmin(session.user?.role === "admin");
+        } else {
+          setUser(null);
+          setIsUserAdmin(false);
+        }
+      } catch (error) {
+        console.error("NavbarWrapper: Error fetching session", error);
+        setUser(null);
+        setIsUserAdmin(false);
+      }
+    }
+    fetchUser();
+  }, []);
+
+  return <Navbar user={user} isAdmin={isUserAdmin} />;
+}