),
Chevron: ({ size = 14, dir = "down" }) => (
),
Search: ({ size = 16 }) => (
),
ArrowRight: ({ size = 14 }) => (
),
Check: ({ size = 14 }) => (
),
X: ({ size = 14 }) => (
),
Menu: ({ size = 20 }) => (
),
Phone: ({ size = 16 }) => ,
Mail: ({ size = 16 }) => ,
Pin: ({ size = 16 }) => ,
Doc: ({ size = 18 }) => ,
Cal: ({ size = 18 }) => ,
Help: ({ size = 18 }) => ,
Alert: ({ size = 18 }) => ,
Users:({ size = 18 }) => ,
Map: ({ size = 18 }) => ,
Shield:({ size = 18 }) => ,
Book: ({ size = 18 }) => ,
Building:({size=18})=> ,
News: ({ size = 18 }) => ,
Bell: ({ size = 16 }) => ,
Download:({size=14})=> ,
Lock: ({ size = 16 }) => ,
};
window.Icon = Icon;
// ─── Mega menu data ──────────────────────────────────────────────────
const MEGA = {
"L'Ordre": {
intro: { title: "L'Ordre des Pharmaciens", text: "Institution de régulation et de déontologie de la pharmacie au Niger.", route: "ordre" },
items: [
{ icon: "Building", title: "Présentation", text: "Mission, vision et valeurs", route: "ordre" },
{ icon: "Users", title: "Bureau & Conseil", text: "Les membres élus", route: "bureau" },
{ icon: "Book", title: "Historique", text: "50 années d'engagement", route: "histoire" },
{ icon: "Doc", title: "Bilan annuel 2025", text: "Rapport d'activité et comptes", route: "bilan" },
{ icon: "News", title: "Espace presse", text: "Communiqués & photothèque", route: "presse" },
{ icon: "Map", title: "L'Ordre en chiffres", text: "Données ouvertes & cartes", route: "chiffres" },
],
},
"Annuaire": {
intro: { title: "Trouver un pharmacien", text: "Consultez le tableau de l'Ordre et localisez les pharmacies du Niger.", route: "annuaire" },
items: [
{ icon: "Users", title: "Tableau de l'Ordre", text: "Liste officielle des inscrits", route: "annuaire" },
{ icon: "Map", title: "Carte des pharmacies", text: "Localiser une pharmacie", route: "annuaire#carte" },
{ icon: "Bell", title: "Pharmacies de garde", text: "Aujourd'hui et ce week-end", route: "garde" },
{ icon: "Shield",title: "Vérifier une inscription", text: "Contrôler le statut d'un confrère", route: "verifier" },
],
},
"Services": {
intro: { title: "Services & ressources", text: "Outils pratiques, textes réglementaires et formations professionnelles.", route: "services" },
items: [
{ icon: "Doc", title: "Réglementation", text: "Textes officiels, décrets, arrêtés", route: "reglementation" },
{ icon: "Cal", title: "Formations & Événements", text: "Agenda et inscriptions", route: "formations" },
{ icon: "Book", title: "Proposer une formation", text: "Soumettre un projet DPC", route: "proposer" },
{ icon: "Help", title: "FAQ & Guides santé", text: "Fiches grand public", route: "guides" },
{ icon: "Alert", title: "Alertes sanitaires", text: "Médicaments falsifiés & rappels", route: "alertes" },
{ icon: "Alert", title: "Signaler un manquement", text: "Formulaire confidentiel", route: "signaler" },
{ icon: "Users", title: "Carrières & stages", text: "Offres d'emploi pharma", route: "carrieres" },
],
},
"Public": {
intro: { title: "Pour le grand public", text: "Trouver une pharmacie, comprendre les médicaments, savoir quand alerter.", route: "guides" },
items: [
{ icon: "Bell", title: "Pharmacies de garde", text: "Trouver une pharmacie ouverte", route: "garde" },
{ icon: "Book", title: "Guides santé", text: "Bien utiliser ses médicaments", route: "guides" },
{ icon: "Users", title: "Portraits & Podcasts", text: "« Paroles de pharmaciens »", route: "portraits" },
{ icon: "Alert", title: "Alertes sanitaires", text: "Rappels & vigilance", route: "alertes" },
],
},
};
const NAV_ITEMS = [
{ label: "Accueil", route: "accueil", mega: null },
{ label: "L'Ordre", route: "ordre", mega: "L'Ordre" },
{ label: "Actualités", route: "actualites", mega: null },
{ label: "Annuaire", route: "annuaire", mega: "Annuaire" },
{ label: "Services", route: "services", mega: "Services" },
{ label: "Grand public", route: "guides", mega: "Public" },
{ label: "Contact", route: "contact", mega: null },
];
window.NAV_ITEMS = NAV_ITEMS;
// ─── Top Bar ─────────────────────────────────────────────────────────
function TopBar({ route, navigate, tweaks, setTweak }) {
const [openMega, setOpenMega] = useState(null);
const [scrolled, setScrolled] = useState(false);
const [mobileOpen, setMobileOpen] = useState(false);
const timer = useRef(null);
useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 8);
window.addEventListener("scroll", onScroll);
return () => window.removeEventListener("scroll", onScroll);
}, []);
useEffect(() => { setMobileOpen(false); setOpenMega(null); }, [route]);
const onEnter = (name) => {
clearTimeout(timer.current);
if (MEGA[name]) setOpenMega(name);
else setOpenMega(null);
};
const onLeave = () => {
timer.current = setTimeout(() => setOpenMega(null), 120);
};
return (
{MEGA[openMega].intro.text}