'use client'; import Link from 'next/link'; import { usePathname } from 'next/navigation'; import { useSession, signOut } from 'next-auth/react'; import { useTheme } from '@/contexts/ThemeContext'; import { useState, useRef } from 'react'; import { Avatar, RocketIcon } from '@/components/ui'; import { WORKSHOPS } from '@/lib/workshops'; import { useClickOutside } from '@/hooks/useClickOutside'; export function Header() { const { theme, toggleTheme } = useTheme(); const { data: session, status } = useSession(); const [menuOpen, setMenuOpen] = useState(false); const [workshopsOpen, setWorkshopsOpen] = useState(false); const workshopsDropdownRef = useRef(null); const userMenuRef = useRef(null); useClickOutside(workshopsDropdownRef, () => setWorkshopsOpen(false), workshopsOpen); useClickOutside(userMenuRef, () => setMenuOpen(false), menuOpen); const pathname = usePathname(); const isActiveLink = (path: string) => pathname.startsWith(path); return (
Workshop Manager
); }