Add Kelola Data

components/ui/Navbar.tsx

@@ -3,7 +3,7 @@
 import { useState, useEffect } from 'react';
 import { useRouter } from 'next/navigation';
 import { ThemeToggle } from '@/components/theme-toggle';
-import { Menu, ChevronDown, School, GraduationCap, Clock, BookOpen, Award, Home, LogOut, User } from 'lucide-react';
+import { Menu, ChevronDown, BarChart, Database, School, GraduationCap, Clock, BookOpen, Award, Home, LogOut, User } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Sheet, SheetContent, SheetTrigger } from '@/components/ui/sheet';
 import {
@@ -15,7 +15,7 @@ import {
 } from '@/components/ui/dropdown-menu';
 import Link from 'next/link';
 import LoginDialog from './login-dialog';
-import { useToast } from '@/components/ui/use-toast';
+import { useToast } from '@/components/ui/toast-provider';
 
 interface UserData {
   id_user: number;
@@ -27,7 +27,7 @@ interface UserData {
 const Navbar = () => {
   const [user, setUser] = useState<UserData | null>(null);
   const [isLoading, setIsLoading] = useState(true);
-  const { toast } = useToast();
+  const { showSuccess, showError } = useToast ();
   const router = useRouter();
 
   // Check for existing user session on mount
@@ -61,20 +61,13 @@ const Navbar = () => {
 
       if (response.ok) {
         setUser(null);
-        toast({
-          title: "Logout Berhasil",
-          description: "Anda telah keluar dari sistem",
-        });
+        showSuccess("Berhasil!", "Anda telah keluar dari sistem");
         // Redirect to root page after successful logout
         router.push('/');
       }
     } catch (error) {
       console.error('Logout error:', error);
-      toast({
-        variant: "destructive",
-        title: "Error",
-        description: "Terjadi kesalahan saat logout",
-      });
+      showError("Gagal!", "Terjadi kesalahan saat logout");
     }
   };
 
@@ -111,7 +104,7 @@ const Navbar = () => {
         <div className="hidden md:flex items-center gap-4">
           {/* Beranda - Always visible */}
           <Link href="/" className="flex items-center gap-2 px-3 py-2 text-sm font-medium hover:text-primary transition-colors">
-            <Home className="h-4 w-4" />
+            <School className="h-4 w-4" />
             Beranda
           </Link>
           
@@ -120,7 +113,7 @@ const Navbar = () => {
             <DropdownMenu>
               <DropdownMenuTrigger asChild>
                 <Button variant="ghost" className="flex items-center gap-2 px-3 py-2 text-sm font-medium">
-                  <School className="h-4 w-4" />
+                  <BarChart className="h-4 w-4" />
                   Visualisasi
                   <ChevronDown className="h-4 w-4" />
                 </Button>
@@ -165,7 +158,7 @@ const Navbar = () => {
             <DropdownMenu>
               <DropdownMenuTrigger asChild>
                 <Button variant="ghost" className="flex items-center gap-2 px-3 py-2 text-sm font-medium">
-                  <School className="h-4 w-4" />
+                  <Database className="h-4 w-4" />
                   Kelola Data
                   <ChevronDown className="h-4 w-4" />
                 </Button>
@@ -189,12 +182,6 @@ const Navbar = () => {
                     Prestasi
                   </Link>
                 </DropdownMenuItem>
-                <DropdownMenuItem asChild>
-                  <Link href="/keloladata/kelompokkeahlian" className="flex items-center gap-2 w-full">
-                    <Award className="h-4 w-4" />
-                    Kelompok Keahlian
-                  </Link>
-                </DropdownMenuItem>
               </DropdownMenuContent>
             </DropdownMenu>
           )}
@@ -202,7 +189,6 @@ const Navbar = () => {
 
         {/* Right Side - Theme Toggle, Login/User Menu, and Mobile Menu */}
         <div className="flex items-center gap-4">
-          <ThemeToggle />
           
           {user ? (
             <DropdownMenu>
@@ -215,7 +201,7 @@ const Navbar = () => {
               <DropdownMenuContent align="end">
                 <DropdownMenuItem disabled>
                   <User className="h-4 w-4 mr-2" />
-                  {user.role_user === 'ketuajurusan' ? user.nip : user.username}
+                  {user.role_user === 'ketuajurusan' ? user.username : user.username}
                 </DropdownMenuItem>
                 <DropdownMenuSeparator />
                 <DropdownMenuItem onClick={handleLogout}>
@@ -227,6 +213,7 @@ const Navbar = () => {
           ) : (
             <LoginDialog onLoginSuccess={handleLoginSuccess} />
           )}
+          <ThemeToggle />
           
         {/* Mobile Menu Button */}
         <div className="md:hidden">