"use client"; import { useState } from "react"; import Link from "next/link"; import { useRouter } from "next/navigation"; import { BookOpen, User, LogOut, Globe, Menu, X, Search } from "lucide-react"; import { cn } from "@/lib/utils/cn"; import { useAuthStore } from "@/lib/store/auth-store"; import { authApi } from "@/lib/api/client"; import { useTranslation } from "@/lib/hooks/use-translation"; import { PublicMegaMenu, MobileDeskLinks } from "@/components/layout/public-mega-menu"; import { NotificationBell } from "@/components/layout/notification-bell"; export function Navbar() { const { user, isAuthenticated, setLanguage, logout } = useAuthStore(); const { t, language } = useTranslation("NAVBAR"); const router = useRouter(); const [mobileOpen, setMobileOpen] = useState(false); const [searchQuery, setSearchQuery] = useState(""); const handleSearch = (e: React.FormEvent) => { e.preventDefault(); if (searchQuery.trim()) { router.push(`/journals?q=${encodeURIComponent(searchQuery.trim())}`); setSearchQuery(""); setMobileOpen(false); } }; const handleLogout = async () => { // Tell the server first: it revokes every session for this account. Without // this the client merely forgets its own copy and the token stays usable for // the rest of its life — which is exactly the case that matters when someone // logs out of a shared machine. try { await authApi.logout(); } catch { // Already expired, offline, or the server is down. Clearing locally is // still the right thing to do, and is strictly better than staying signed in. } logout(); router.push("/"); setMobileOpen(false); }; const toggleLanguage = () => { setLanguage(language === "hi" ? "en" : "hi"); }; const roleBadgeColor: Record = { ADMIN: "bg-red-100 text-red-700", REVIEWER: "bg-amber-100 text-amber-700", AUTHOR: "bg-indigo-100 text-indigo-700", }; return ( ); }