diff --git a/src/features/admin/components/AdminTop.js b/src/features/admin/components/AdminTop.js index 095ef27..ee1404a 100644 --- a/src/features/admin/components/AdminTop.js +++ b/src/features/admin/components/AdminTop.js @@ -5,6 +5,7 @@ import { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/r import { ChevronDownIcon, User03Icon } from '@zen/core/shared/icons'; import { UserAvatar } from '@zen/core/shared/components'; import { useRouter, usePathname } from 'next/navigation'; +import { getPages } from '../registry.js'; import { useTheme, getThemeIcon } from '@zen/core/themes'; const AdminTop = ({ isMobileMenuOpen, setIsMobileMenuOpen, user, onLogout, appName = 'ZEN', navigationSections = [] }) => { @@ -34,19 +35,34 @@ const AdminTop = ({ isMobileMenuOpen, setIsMobileMenuOpen, user, onLogout, appNa const ThemeIcon = getThemeIcon(theme, systemIsDark); const themeLabel = theme === 'light' ? 'Mode clair' : theme === 'dark' ? 'Mode sombre' : 'Thème système'; - const currentPageName = (() => { - for (const section of navigationSections) { - for (const item of section.items) { - if (pathname === item.href || pathname.startsWith(item.href + '/')) { - return item.name; - } - } - if (section.items.length === 1 && (pathname === section.items[0].href || pathname.startsWith(section.items[0].href + '/'))) { - return section.title; - } + const buildBreadcrumbs = () => { + const crumbs = [{ label: appName, href: '/admin/' }]; + const after = pathname.replace(/^\/admin\/?/, ''); + if (!after) return crumbs; + + const segments = after.split('/').filter(Boolean); + if (!segments.length) return crumbs; + + const [first, second] = segments; + const allItems = navigationSections.flatMap(s => s.items); + const navItem = allItems.find(item => item.href.replace('/admin/', '').split('/')[0] === first); + const hasSubPage = segments.length > 1; + + if (navItem) { + crumbs.push({ label: navItem.name, href: hasSubPage ? navItem.href : undefined }); } - return null; - })(); + + if (second === 'new') { + crumbs.push({ label: 'Nouveau' }); + } else if (second === 'edit') { + const page = getPages().find(p => p.slug === `${first}:edit`); + crumbs.push({ label: page?.breadcrumbLabel || page?.title || 'Modifier' }); + } + + return crumbs; + }; + + const breadcrumbs = buildBreadcrumbs(); const quickLinks = []; @@ -68,13 +84,27 @@ const AdminTop = ({ isMobileMenuOpen, setIsMobileMenuOpen, user, onLogout, appNa {/* Desktop breadcrumb */} - {currentPageName && ( + {breadcrumbs.length > 1 && (