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 }
],