diff --git a/src/features/admin/AdminPage.client.js b/src/features/admin/AdminPage.client.js index c38d07d..2a1e77c 100644 --- a/src/features/admin/AdminPage.client.js +++ b/src/features/admin/AdminPage.client.js @@ -1,7 +1,10 @@ 'use client'; import { getPage } from './registry.js'; -import './pages/index.client.js'; +import './pages/DashboardPage.client.js'; +import './pages/UsersPage.client.js'; +import './pages/RolesPage.client.js'; +import './pages/ProfilePage.client.js'; import './widgets/index.client.js'; export default function AdminPageClient({ params, user, widgetData }) { diff --git a/src/features/admin/components/AdminTop.js b/src/features/admin/components/AdminTop.js index 1d33860..ba53ad3 100644 --- a/src/features/admin/components/AdminTop.js +++ b/src/features/admin/components/AdminTop.js @@ -6,7 +6,6 @@ import { ChevronDownIcon, User03Icon, DashboardSquare03Icon } from '@zen/core/sh import { UserAvatar } from '@zen/core/shared/components'; import { useRouter, usePathname } from 'next/navigation'; import { getPages } from '../registry.js'; -import { PAGE_TITLES } from '../pages/titles.js'; import { useTheme, getThemeIcon } from '@zen/core/themes'; const AdminTop = ({ isMobileMenuOpen, setIsMobileMenuOpen, user, onLogout, appName = 'ZEN', navigationSections = [] }) => { @@ -36,24 +35,26 @@ 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: PAGE_TITLES.dashboard }); + crumbs.push({ label: getPageTitle('dashboard') }); return crumbs; } const segments = after.split('/').filter(Boolean); if (!segments.length || (segments[0] === 'dashboard' && segments.length === 1)) { - crumbs.push({ label: PAGE_TITLES.dashboard }); + crumbs.push({ label: getPageTitle('dashboard') }); return crumbs; } const [first, second] = segments; if (first === 'profile') { - crumbs.push({ label: PAGE_TITLES.profile }); + crumbs.push({ label: getPageTitle('profile') }); return crumbs; } diff --git a/src/features/admin/pages/DashboardPage.client.js b/src/features/admin/pages/DashboardPage.client.js index 0014e7d..5edc84b 100644 --- a/src/features/admin/pages/DashboardPage.client.js +++ b/src/features/admin/pages/DashboardPage.client.js @@ -1,6 +1,6 @@ 'use client'; -import { getWidgets } from '../registry.js'; +import { getWidgets, registerPage } from '../registry.js'; import AdminHeader from '../components/AdminHeader.js'; export default function DashboardPage({ stats }) { @@ -18,3 +18,5 @@ export default function DashboardPage({ stats }) { ); } + +registerPage({ slug: 'dashboard', title: 'Tableau de bord', Component: DashboardPage }); diff --git a/src/features/admin/pages/ProfilePage.client.js b/src/features/admin/pages/ProfilePage.client.js index a3ee13b..925c116 100644 --- a/src/features/admin/pages/ProfilePage.client.js +++ b/src/features/admin/pages/ProfilePage.client.js @@ -1,5 +1,6 @@ 'use client'; +import { registerPage } from '../registry.js'; import React, { useState, useEffect, useRef } from 'react'; import { Card, Input, Button } from '@zen/core/shared/components'; import { useToast } from '@zen/core/toast'; @@ -320,3 +321,5 @@ const ProfilePage = ({ user: initialUser }) => { }; export default ProfilePage; + +registerPage({ slug: 'profile', title: 'Mon profil', Component: ProfilePage }); diff --git a/src/features/admin/pages/RolesPage.client.js b/src/features/admin/pages/RolesPage.client.js index d3b7dd5..6de8784 100644 --- a/src/features/admin/pages/RolesPage.client.js +++ b/src/features/admin/pages/RolesPage.client.js @@ -1,5 +1,6 @@ 'use client'; +import { registerPage } from '../registry.js'; import { useState, useEffect } from 'react'; import { Card, Table, Button, Badge } from '@zen/core/shared/components'; import { PencilEdit01Icon, Cancel01Icon } from '@zen/core/shared/icons'; @@ -193,3 +194,5 @@ const RolesPageHeader = () => { }; export default RolesPage; + +registerPage({ slug: 'roles', title: 'Rôles', Component: RolesPage }); diff --git a/src/features/admin/pages/UsersPage.client.js b/src/features/admin/pages/UsersPage.client.js index b4591a0..10c2c34 100644 --- a/src/features/admin/pages/UsersPage.client.js +++ b/src/features/admin/pages/UsersPage.client.js @@ -1,5 +1,6 @@ 'use client'; +import { registerPage } from '../registry.js'; import { useState, useEffect } from 'react'; import { Card, Table, Badge, StatusBadge, Button, UserAvatar, RelativeDate } from '@zen/core/shared/components'; import { PencilEdit01Icon } from '@zen/core/shared/icons'; @@ -179,3 +180,5 @@ const UsersPage = () => ( ); export default UsersPage; + +registerPage({ slug: 'users', title: 'Utilisateurs', Component: UsersPage }); diff --git a/src/features/admin/pages/index.client.js b/src/features/admin/pages/index.client.js deleted file mode 100644 index 5c436e5..0000000 --- a/src/features/admin/pages/index.client.js +++ /dev/null @@ -1,13 +0,0 @@ -'use client'; - -import { registerPage } from '../registry.js'; -import { PAGE_TITLES } from './titles.js'; -import DashboardPage from './DashboardPage.client.js'; -import UsersPage from './UsersPage.client.js'; -import RolesPage from './RolesPage.client.js'; -import ProfilePage from './ProfilePage.client.js'; - -registerPage({ slug: 'dashboard', Component: DashboardPage, title: PAGE_TITLES.dashboard }); -registerPage({ slug: 'users', Component: UsersPage, title: PAGE_TITLES.users }); -registerPage({ slug: 'roles', Component: RolesPage, title: PAGE_TITLES.roles }); -registerPage({ slug: 'profile', Component: ProfilePage, title: PAGE_TITLES.profile }); diff --git a/src/features/admin/pages/titles.js b/src/features/admin/pages/titles.js deleted file mode 100644 index 3b9652e..0000000 --- a/src/features/admin/pages/titles.js +++ /dev/null @@ -1,6 +0,0 @@ -export const PAGE_TITLES = { - dashboard: 'Tableau de bord', - profile: 'Mon profil', - users: 'Utilisateurs', - roles: 'Rôles', -};