revisi nih boz

components/ClientLayout.tsx

@@ -1,5 +1,7 @@
 "use client";
 
+import { useEffect, useState } from 'react';
+import { usePathname } from 'next/navigation';
 import { ThemeProvider } from '@/components/theme-provider';
 import { Toaster } from '@/components/ui/toaster';
 import Navbar from '@/components/ui/Navbar';
@@ -8,7 +10,40 @@ interface ClientLayoutProps {
   children: React.ReactNode;
 }
 
+interface UserData {
+  id_user: number;
+  username?: string;
+  nip?: string;
+  role_user: string;
+}
+
 export default function ClientLayout({ children }: ClientLayoutProps) {
+  const [user, setUser] = useState<UserData | null>(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const pathname = usePathname();
+
+  // Check for existing user session on mount
+  useEffect(() => {
+    checkUserSession();
+  }, []);
+
+  const checkUserSession = async () => {
+    try {
+      const response = await fetch('/api/auth/user');
+      if (response.ok) {
+        const data = await response.json();
+        setUser(data.user);
+      }
+    } catch (error) {
+      console.error('Error checking session:', error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  // Don't show navbar on the root page (login page)
+  const showNavbar = pathname !== '/' && user;
+
   return (
     <ThemeProvider
       attribute="class"
@@ -17,7 +52,7 @@ export default function ClientLayout({ children }: ClientLayoutProps) {
       disableTransitionOnChange
     >
       <div className="min-h-screen">
-        <Navbar />
+        {showNavbar && <Navbar />}
         <main className="flex-1">
           {children}
         </main>