"use client"; import { useState, useRef, useEffect } from "react"; import Link from "next/link"; import { useWallet } from "@/contexts/WalletContext"; import { useAccount } from "@/contexts/AccountContext"; import { useCart } from "@/contexts/CartContext"; import { SITE_NAV_GROUPS } from "@/lib/siteNav"; const Navbar = () => { const [isMenuOpen, setIsMenuOpen] = useState(false); const [pagesOpen, setPagesOpen] = useState(false); const pagesDropdownRef = useRef(null); const { luxCredits, usdStoreCredit } = useWallet(); const { user, hydrated } = useAccount(); const { itemCount, hydrated: cartReady } = useCart(); useEffect(() => { const onDoc = (e: MouseEvent) => { if (!pagesDropdownRef.current?.contains(e.target as Node)) setPagesOpen(false); }; const onKey = (e: KeyboardEvent) => { if (e.key === "Escape") setPagesOpen(false); }; document.addEventListener("mousedown", onDoc); document.addEventListener("keydown", onKey); return () => { document.removeEventListener("mousedown", onDoc); document.removeEventListener("keydown", onKey); }; }, []); return ( ); }; export default Navbar;