zen/core
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

fix(admin): prevent menu from closing when toggling theme in header dropdown

Browse Source
This commit is contained in:
Hyko
2026-04-15 19:57:46 -04:00
parent c7018848a1
commit 73a8639324
1 changed files with 9 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/admin/components/AdminHeader.js
+3 -5
View File
@@ -113,7 +113,7 @@ const AdminHeader = ({ isMobileMenuOpen, setIsMobileMenuOpen, user, onLogout, ap
leaveFrom="opacity-100 translate-y-0" leaveFrom="opacity-100 translate-y-0"
leaveTo="opacity-0 translate-y-1" 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 */} {/* User info */}
<div className="px-3 pt-3 pb-2 flex items-center gap-3"> <div className="px-3 pt-3 pb-2 flex items-center gap-3">
{imageUrl ? ( {imageUrl ? (
@@ -173,16 +173,14 @@ const AdminHeader = ({ isMobileMenuOpen, setIsMobileMenuOpen, user, onLogout, ap
</a> </a>
</MenuItem> </MenuItem>
{/* Theme */} {/* Theme — pas de MenuItem pour ne pas fermer le menu au clic */}
<MenuItem>
<button <button
onClick={toggle} 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" 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" /> <ThemeIcon className="w-4 h-4 shrink-0" />
{themeLabel} {themeLabel}
</button> </button>
</MenuItem>
<div className="h-px bg-black/6 dark:bg-white/6 my-0.5" /> <div className="h-px bg-black/6 dark:bg-white/6 my-0.5" />