'use client'; import Link from 'next/link'; import { usePathname } from 'next/navigation'; import { useEffect, useRef, useState } from 'react'; import LogoutButton from '../components/dashboard/LogoutButton'; const navigation = [ { href: '/gestor/dashboard', label: 'Dashboard', mark: 'D' }, { href: '/gestor/solicitudes', label: 'Solicitudes', mark: 'S' }, { href: '/gestor/negocios', label: 'Negocios', mark: 'N' }, { href: '/gestor/productos', label: 'Cupones y productos', mark: 'C' }, ]; function isActive(pathname: string, href: string) { return href === '/gestor/dashboard' ? pathname === '/gestor' || pathname.startsWith(href) : pathname.startsWith(href); } export default function GestorShell({ children }: { children: React.ReactNode }) { const pathname = usePathname(); const currentSection = navigation.find((item) => isActive(pathname, item.href)); const [accountMenuOpen, setAccountMenuOpen] = useState(false); const accountMenuRef = useRef(null); useEffect(() => { function closeOnOutsideClick(event: MouseEvent) { if (accountMenuRef.current && !accountMenuRef.current.contains(event.target as Node)) { setAccountMenuOpen(false); } } function closeOnEscape(event: KeyboardEvent) { if (event.key === 'Escape') setAccountMenuOpen(false); } document.addEventListener('mousedown', closeOnOutsideClick); document.addEventListener('keydown', closeOnEscape); return () => { document.removeEventListener('mousedown', closeOnOutsideClick); document.removeEventListener('keydown', closeOnEscape); }; }, []); return (

Gestor / {currentSection?.label || 'Panel'}

Ir a la tienda

{accountMenuOpen && ( )}

{children}

); }