diff --git a/resources/js/Layouts/AuthenticatedLayout.tsx b/resources/js/Layouts/AuthenticatedLayout.tsx index 1a709ce..f88b3ea 100644 --- a/resources/js/Layouts/AuthenticatedLayout.tsx +++ b/resources/js/Layouts/AuthenticatedLayout.tsx @@ -1,4 +1,5 @@ import { + LayoutDashboard, ChevronRight, Package, ShoppingCart, @@ -59,6 +60,12 @@ export default function AuthenticatedLayout({ const [isMobileOpen, setIsMobileOpen] = useState(false); const menuItems: MenuItem[] = [ + { + id: "dashboard", + label: "儀表板", + icon: , + route: "/", + }, { id: "inventory-management", label: "商品與庫存管理", @@ -197,7 +204,9 @@ export default function AuthenticatedLayout({ const renderMenuItem = (item: MenuItem, level: number = 0) => { const hasChildren = item.children && item.children.length > 0; const isExpanded = expandedItems.includes(item.id); - const isActive = item.route ? url.startsWith(item.route) : false; + const isActive = item.route + ? (item.route === '/' ? url === '/' : url.startsWith(item.route)) + : false; return (
diff --git a/resources/js/utils/breadcrumb.ts b/resources/js/utils/breadcrumb.ts index deaf0a9..7f3df22 100644 --- a/resources/js/utils/breadcrumb.ts +++ b/resources/js/utils/breadcrumb.ts @@ -5,26 +5,20 @@ import { BreadcrumbItemType } from "@/Components/shared/BreadcrumbNav"; * 根據側邊欄層級結構定義基礎麵包屑 */ export const BREADCRUMB_MAP: Record = { - dashboard: [ - { label: "首頁", isPage: true } - ], + dashboard: [], products: [ - { label: "首頁", href: "/" }, { label: "商品與庫存管理" }, { label: "商品資料管理", href: "/products", isPage: true } ], warehouses: [ - { label: "首頁", href: "/" }, { label: "商品與庫存管理" }, { label: "倉庫管理", href: "/warehouses", isPage: true } ], vendors: [ - { label: "首頁", href: "/" }, { label: "廠商管理" }, { label: "廠商資料管理", href: "/vendors", isPage: true } ], purchaseOrders: [ - { label: "首頁", href: "/" }, { label: "採購管理" }, { label: "管理採購單", href: "/purchase-orders", isPage: true } ],