diff --git a/src/features/admin/AdminPage.server.js b/src/features/admin/AdminPage.server.js index 3444b07..e05c067 100644 --- a/src/features/admin/AdminPage.server.js +++ b/src/features/admin/AdminPage.server.js @@ -2,7 +2,7 @@ import AdminShell from './components/AdminShell.js'; import AdminPageClient from './AdminPage.client.js'; import { protectAdmin } from './protect.js'; import { buildNavigationSections } from './navigation.js'; -import { collectWidgetData } from './registry.js'; +import { collectWidgetData, getPage } from './registry.js'; import { logoutAction } from '@zen/core/features/auth/actions'; import { getAppName } from '@zen/core'; import './widgets/index.server.js'; @@ -14,6 +14,8 @@ export default async function AdminPage({ params }) { const widgetData = await collectWidgetData(); const navigationSections = buildNavigationSections('/'); + const slug = resolvedParams?.admin?.[0] || 'dashboard'; + const currentPageTitle = getPage(slug)?.title; return (
diff --git a/src/features/admin/components/AdminTop.js b/src/features/admin/components/AdminTop.js index ba53ad3..2bd8e88 100644 --- a/src/features/admin/components/AdminTop.js +++ b/src/features/admin/components/AdminTop.js @@ -8,7 +8,7 @@ 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 = [] }) => { +const AdminTop = ({ isMobileMenuOpen, setIsMobileMenuOpen, user, onLogout, appName = 'ZEN', navigationSections = [], currentPageTitle }) => { const router = useRouter(); const pathname = usePathname(); @@ -35,26 +35,24 @@ 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 getPageTitle = (s) => getPages().find(p => p.slug === s)?.title ?? s; - const buildBreadcrumbs = () => { const crumbs = [{ icon: DashboardSquare03Icon, href: '/admin/dashboard' }]; const after = pathname.replace(/^\/admin\/?/, ''); if (!after) { - crumbs.push({ label: getPageTitle('dashboard') }); + crumbs.push({ label: currentPageTitle }); return crumbs; } const segments = after.split('/').filter(Boolean); if (!segments.length || (segments[0] === 'dashboard' && segments.length === 1)) { - crumbs.push({ label: getPageTitle('dashboard') }); + crumbs.push({ label: currentPageTitle }); return crumbs; } const [first, second] = segments; if (first === 'profile') { - crumbs.push({ label: getPageTitle('profile') }); + crumbs.push({ label: currentPageTitle }); return crumbs; }