From 73a8639324e35f6fb325f306d20a7cf45473c301 Mon Sep 17 00:00:00 2001
From: Hyko <punk.flag8609@fastmail.com>
Date: Wed, 15 Apr 2026 19:57:46 -0400
Subject: [PATCH] fix(admin): prevent menu from closing when toggling theme in
 header dropdown

---
 src/features/admin/components/AdminHeader.js | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/features/admin/components/AdminHeader.js b/src/features/admin/components/AdminHeader.js
index d039bfb..d614f99 100644
--- a/src/features/admin/components/AdminHeader.js
+++ b/src/features/admin/components/AdminHeader.js
@@ -113,7 +113,7 @@ const AdminHeader = ({ isMobileMenuOpen, setIsMobileMenuOpen, user, onLogout, ap
                             leaveFrom="opacity-100 translate-y-0"
                             leaveTo="opacity-0 translate-y-1"
                         >
-                            <MenuItems className="absolute right-0 mt-2 w-56 sm:w-64 outline-none rounded-xl border border-black/8 dark:border-white/8 bg-neutral-50 dark:bg-black shadow-lg overflow-hidden z-50">
+                            <MenuItems className="absolute right-0 mt-4 w-56 sm:w-64 outline-none rounded-xl border border-black/8 dark:border-white/8 bg-neutral-50 dark:bg-black shadow-lg overflow-hidden z-50">
                                 {/* User info */}
                                 <div className="px-3 pt-3 pb-2 flex items-center gap-3">
                                     {imageUrl ? (
@@ -173,16 +173,14 @@ const AdminHeader = ({ isMobileMenuOpen, setIsMobileMenuOpen, user, onLogout, ap
                                         </a>
                                     </MenuItem>
 
-                                    {/* Theme */}
-                                    <MenuItem>
-                                        <button
-                                            onClick={toggle}
-                                            className="cursor-pointer w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm text-neutral-500 dark:text-neutral-400 transition-colors duration-150 data-focus:bg-amber-50 dark:data-focus:bg-amber-500/10 data-focus:text-amber-500 dark:data-focus:text-amber-400"
-                                        >
-                                            <ThemeIcon className="w-4 h-4 shrink-0" />
-                                            {themeLabel}
-                                        </button>
-                                    </MenuItem>
+                                    {/* Theme — pas de MenuItem pour ne pas fermer le menu au clic */}
+                                    <button
+                                        onClick={toggle}
+                                        className="cursor-pointer w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm text-neutral-500 dark:text-neutral-400 hover:bg-amber-50 dark:hover:bg-amber-500/10 hover:text-amber-500 dark:hover:text-amber-400 transition-colors duration-150"
+                                    >
+                                        <ThemeIcon className="w-4 h-4 shrink-0" />
+                                        {themeLabel}
+                                    </button>
 
                                     <div className="h-px bg-black/6 dark:bg-white/6 my-0.5" />