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

fix(admin): add profile breadcrumb and fix badge dark mode styling

Browse Source
This commit is contained in:
Hyko
2026-04-22 17:36:29 -04:00
parent 86bd97f50c
commit 5fec68c1fc
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/admin/components/AdminTop.js
+7 -1
View File
@@ -44,6 +44,12 @@ const AdminTop = ({ isMobileMenuOpen, setIsMobileMenuOpen, user, onLogout, appNa
if (!segments.length || (segments[0] === 'dashboard' && segments.length === 1)) return crumbs; if (!segments.length || (segments[0] === 'dashboard' && segments.length === 1)) return crumbs;
const [first, second] = segments; const [first, second] = segments;
if (first === 'profile') {
crumbs.push({ label: 'Mon profil' });
return crumbs;
}
const allItems = navigationSections.flatMap(s => s.items); const allItems = navigationSections.flatMap(s => s.items);
const navItem = allItems.find(item => item.href.replace('/admin/', '').split('/')[0] === first); const navItem = allItems.find(item => item.href.replace('/admin/', '').split('/')[0] === first);
const hasSubPage = segments.length > 1; const hasSubPage = segments.length > 1;
@@ -85,7 +91,7 @@ const AdminTop = ({ isMobileMenuOpen, setIsMobileMenuOpen, user, onLogout, appNa
{/* Desktop breadcrumb — always rendered to keep user menu pinned right */} {/* Desktop breadcrumb — always rendered to keep user menu pinned right */}
<div className="hidden lg:flex items-center gap-1.5 text-[13px]"> <div className="hidden lg:flex items-center gap-1.5 text-[13px]">
{breadcrumbs.length > 1 && breadcrumbs.map((crumb, i) => ( {breadcrumbs.length > 0 && breadcrumbs.map((crumb, i) => (
<Fragment key={i}> <Fragment key={i}>
{i > 0 && ( {i > 0 && (
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="text-neutral-400 dark:text-neutral-600 flex-shrink-0"> <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="text-neutral-400 dark:text-neutral-600 flex-shrink-0">
src/shared/components/Badge.js
+1 -1
View File
@@ -13,7 +13,7 @@ const Badge = ({
const baseClassName = 'inline-flex items-center font-medium border font-ibm-plex-mono'; const baseClassName = 'inline-flex items-center font-medium border font-ibm-plex-mono';
const variants = { const variants = {
default: 'bg-neutral-700/10 text-neutral-700 border-neutral-800/30 dark:bg-neutral-600/10 dark:text-neutral-600 dark:border-neutral-600/20', default: 'bg-neutral-700/10 text-neutral-700 border-neutral-800/30 dark:bg-neutral-600/10 dark:text-neutral-400 dark:border-neutral-800',
primary: 'bg-blue-700/10 text-blue-700 border-blue-800/30 dark:bg-blue-600/10 dark:text-blue-600 dark:border-blue-600/20', primary: 'bg-blue-700/10 text-blue-700 border-blue-800/30 dark:bg-blue-600/10 dark:text-blue-600 dark:border-blue-600/20',
success: 'bg-green-700/10 text-green-700 border-green-800/30 dark:bg-green-600/10 dark:text-green-600 dark:border-green-600/20', success: 'bg-green-700/10 text-green-700 border-green-800/30 dark:bg-green-600/10 dark:text-green-600 dark:border-green-600/20',
warning: 'bg-yellow-700/10 text-yellow-700 border-yellow-800/30 dark:bg-yellow-600/10 dark:text-yellow-600 dark:border-yellow-600/20', warning: 'bg-yellow-700/10 text-yellow-700 border-yellow-800/30 dark:bg-yellow-600/10 dark:text-yellow-600 dark:border-yellow-600/20',