"use client"; import Link from "next/link"; import { useRouter } from "next/navigation"; import { useEffect, useRef, useState } from "react"; import { AdminUser, clearToken, getStoredUser } from "@/lib/api"; import { mediaUrl } from "@/lib/media"; import { exitImpersonation } from "@/lib/impersonation"; import { clearSessionContext, isImpersonating } from "@/lib/session-context"; function UserAvatar({ name, src }: { name: string; src?: string | null }) { const initials = name .split(/\s+/) .filter(Boolean) .slice(0, 2) .map((p) => p[0]) .join(""); if (src) { return ( // eslint-disable-next-line @next/next/no-img-element {name}

); } return (

{initials || "؟"}

); } export function HeaderUserMenu() { const router = useRouter(); const user = getStoredUser(); const [open, setOpen] = useState(false); const rootRef = useRef(null); useEffect(() => { if (!open) return; const close = (e: MouseEvent) => { if (rootRef.current && !rootRef.current.contains(e.target as Node)) { setOpen(false); } }; window.addEventListener("click", close); return () => window.removeEventListener("click", close); }, [open]); if (!user) return null; const logout = () => { if (isImpersonating() && exitImpersonation("/staff")) { return; } clearToken(); router.replace("/login"); }; const changeRole = () => { clearSessionContext(); router.replace("/select-context"); }; return (

{open ? ( ); }