From f45d29596126fccd1c60a784d814c2fa2d2df3e1 Mon Sep 17 00:00:00 2001 From: Hyko Date: Wed, 22 Apr 2026 19:03:43 -0400 Subject: [PATCH] refactor(admin): derive pageTitle from state instead of inline in breadcrumb function --- src/features/admin/components/AdminTop.js | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/src/features/admin/components/AdminTop.js b/src/features/admin/components/AdminTop.js index 0667abc..7a25133 100644 --- a/src/features/admin/components/AdminTop.js +++ b/src/features/admin/components/AdminTop.js @@ -1,6 +1,6 @@ 'use client'; -import { Fragment } from 'react'; +import { Fragment, useState, useEffect } from 'react'; import { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'; import { ChevronDownIcon, User03Icon, DashboardSquare03Icon } from '@zen/core/shared/icons'; import { UserAvatar } from '@zen/core/shared/components'; @@ -11,6 +11,13 @@ import { useTheme, getThemeIcon } from '@zen/core/themes'; const AdminTop = ({ isMobileMenuOpen, setIsMobileMenuOpen, user, onLogout, appName = 'ZEN', navigationSections = [] }) => { const router = useRouter(); const pathname = usePathname(); + const [pageTitle, setPageTitle] = useState(''); + + useEffect(() => { + const segments = pathname.replace(/^\/admin\/?/, '').split('/').filter(Boolean); + const slug = segments[0] || 'dashboard'; + setPageTitle(getPage(slug)?.title || ''); + }, [pathname]); const handleLogout = async () => { try { @@ -40,7 +47,6 @@ const AdminTop = ({ isMobileMenuOpen, setIsMobileMenuOpen, user, onLogout, appNa const after = pathname.replace(/^\/admin\/?/, ''); const segments = after.split('/').filter(Boolean); const [first, second] = segments; - const pageTitle = getPage(first || 'dashboard')?.title || ''; if (!after || !segments.length || (segments[0] === 'dashboard' && segments.length === 1)) { crumbs.push({ label: pageTitle });