From 759184f0ed41e3b2b497dd00de1435ec5ce3890a Mon Sep 17 00:00:00 2001 From: Hyko Date: Fri, 24 Apr 2026 21:02:33 -0400 Subject: [PATCH] refactor(admin): replace inline svgs with icon components and fix icon colors - replace inline hamburger/close svg with Menu01Icon component in AdminTop - replace inline chevron svg with ChevronRightIcon component for breadcrumbs - add ChevronRightIcon and Menu01Icon imports to AdminTop - fix UserCircle02Icon fill values from hardcoded #ffffff to currentColor --- src/features/admin/components/AdminTop.js | 10 +++------- src/shared/icons/index.js | 16 ++++++++++++---- 2 files changed, 15 insertions(+), 11 deletions(-) diff --git a/src/features/admin/components/AdminTop.js b/src/features/admin/components/AdminTop.js index c6608a7..0d00f06 100644 --- a/src/features/admin/components/AdminTop.js +++ b/src/features/admin/components/AdminTop.js @@ -2,7 +2,7 @@ import { Fragment, useState, useEffect } from 'react'; import { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'; -import { ChevronDownIcon, User03Icon, DashboardSquare03Icon, Logout02Icon } from '@zen/core/shared/icons'; +import { ChevronDownIcon, ChevronRightIcon, Menu01Icon, User03Icon, DashboardSquare03Icon, Logout02Icon } from '@zen/core/shared/icons'; import { UserAvatar } from '@zen/core/shared/components'; import { useRouter, usePathname } from 'next/navigation'; import { getPage, getPages } from '../registry.js'; @@ -87,9 +87,7 @@ const AdminTop = ({ isMobileMenuOpen, setIsMobileMenuOpen, user, onLogout, appNa className="p-1 rounded-md text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white transition-colors duration-150" aria-label="Toggle menu" > - - - +

{appName}

@@ -99,9 +97,7 @@ const AdminTop = ({ isMobileMenuOpen, setIsMobileMenuOpen, user, onLogout, appNa {breadcrumbs.length > 0 && breadcrumbs.map((crumb, i) => ( {i > 0 && ( - - - + )} {crumb.icon ? (