'use client';
import Link from 'next/link';
import { usePathname } from 'next/navigation';
import { useEffect, useState } from 'react';
import Cookies from 'js-cookie';
/** Top navigation for the public careers portal (no sidebar). */
export default function CareersHeader() {
const pathname = usePathname();
const [loggedIn, setLoggedIn] = useState(false);
const [menuOpen, setMenuOpen] = useState(false);
useEffect(() => {
setLoggedIn(!!Cookies.get('access_token'));
}, [pathname]);
// Close the mobile menu whenever the route changes.
useEffect(() => {
setMenuOpen(false);
}, [pathname]);
const navLink = (href: string, label: string) => {
const active = pathname === href;
return (
{label}
);
};
// The nav items, reused in both the desktop bar and the mobile dropdown.
const items = (
<>
{navLink('/', 'Home')}
{navLink('/careers/jobs', 'Jobs')}
{loggedIn ? (
<>
{navLink('/careers/profile', 'Profile')}
My Dashboard
) : (
<>
Login
Register
)}
);
return (
TA
Indovision Careers
{/* Desktop nav */}
{/* Mobile hamburger */}
{/* Mobile left-side drawer */}
{menuOpen && (
{/* overlay */}
setMenuOpen(false)}
/>
{/* sliding panel from the left */}