"use client"; import { useState, useEffect } from 'react'; import Link from 'next/link'; import { useRouter } from 'next/navigation'; export default function Navbar() { const [isOpen, setIsOpen] = useState(false); const [isLogged, setIsLogged] = useState(false); const [showLogoutConfirm, setShowLogoutConfirm] = useState(false); const router = useRouter(); useEffect(() => { const checkAuth = () => { const uid = localStorage.getItem('vgproducts_uid') || sessionStorage.getItem('USERID'); setIsLogged(!!uid); }; checkAuth(); // Check periodically or handle logout event window.addEventListener('storage', checkAuth); return () => window.removeEventListener('storage', checkAuth); }, []); const handleLogoutClick = () => { setShowLogoutConfirm(true); }; const performLogout = () => { localStorage.removeItem('vgproducts_uid'); localStorage.removeItem('d4a_email'); sessionStorage.removeItem('USERID'); setIsLogged(false); setIsOpen(false); setShowLogoutConfirm(false); router.push('/'); // trigger state update for other components window.dispatchEvent(new Event('storage')); }; const toggleMenu = () => setIsOpen(!isOpen); return ( ); }