"use client"; import { useState } from "react"; import { Link } from "waku"; import { Button } from "@/components/ui/button"; import { Avatar, AvatarFallback } from "@/components/ui/avatar"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu"; import { Menu, X, BookOpen, BarChart2, Settings } from "lucide-react"; interface NavbarProps { user?: { id: number; name: string } | null; } export default function Navbar({ user }: NavbarProps) { const [isMenuOpen, setIsMenuOpen] = useState(false); const toggleMenu = () => setIsMenuOpen(!isMenuOpen); // Get initials for avatar const getInitials = (name: string) => { return name .split(" ") .map(n => n[0]) .join("") .toUpperCase(); }; return ( ); }