/* eslint-disable */ // Header — top navigation. Mobile-aware: collapses to a hamburger drawer below 900px. const SiteHeader = ({ route, setRoute }) => { const t = (window.useT && window.useT()) || ((k) => k); const [menuOpen, setMenuOpen] = React.useState(false); // Close the drawer whenever the route changes (user picked something). React.useEffect(() => { setMenuOpen(false); }, [route]); // Keep from scrolling while the drawer is open. React.useEffect(() => { document.body.style.overflow = menuOpen ? 'hidden' : ''; return () => { document.body.style.overflow = ''; }; }, [menuOpen]); const items = [ { id: 'home', label: t('nav_home'), routeWhenActive: 'home', target: 'home' }, { id: 'news', label: t('nav_news'), routeWhenActive: 'article', target: 'article' }, { id: 'directory', label: t('nav_directory'), routeWhenActive: 'directory', target: 'directory' }, { id: 'jobs', label: t('nav_jobs'), routeWhenActive: 'jobs', target: 'jobs' }, { id: 'courses', label: t('nav_courses'), routeWhenActive: 'courses', target: 'courses' }, { id: 'about', label: t('nav_about'), routeWhenActive: 'about', target: 'home' }, ]; const renderNav = () => items.map(it => { const active = route === it.routeWhenActive; return ( setRoute(it.target)}> {it.label} ); }); return ( <>
setRoute('home')} style={{cursor:'pointer', borderBottom:'none'}}>
{window.LangSwitcher && }
{/* Mobile drawer — slides down from the header */}
{ if (e.target === e.currentTarget) setMenuOpen(false); }} >
); }; Object.assign(window, { SiteHeader });