From 19c60a6126fabd547e287dc34989c486a829ccaa Mon Sep 17 00:00:00 2001
From: sky121113 <sky121113@gmail.com>
Date: Wed, 7 Jan 2026 13:12:07 +0800
Subject: [PATCH] =?UTF-8?q?=E9=BA=B5=E5=8C=85=E5=B1=91=E9=BB=9E=E6=93=8A?=
 =?UTF-8?q?=E5=95=8F=E9=A1=8C=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/js/Components/shared/BreadcrumbNav.tsx | 12 +++++++++---
 resources/js/utils/breadcrumb.ts                 |  8 ++++----
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/resources/js/Components/shared/BreadcrumbNav.tsx b/resources/js/Components/shared/BreadcrumbNav.tsx
index 028a0eb..94b8e79 100644
--- a/resources/js/Components/shared/BreadcrumbNav.tsx
+++ b/resources/js/Components/shared/BreadcrumbNav.tsx
@@ -8,6 +8,7 @@ import {
     BreadcrumbPage,
     BreadcrumbSeparator,
 } from "@/Components/ui/breadcrumb";
+import { cn } from "@/lib/utils";
 
 export interface BreadcrumbItemType {
     label: string;
@@ -27,12 +28,17 @@ const BreadcrumbNav = ({ items, className }: BreadcrumbNavProps) => {
                 {items.map((item, index) => (
                     <React.Fragment key={index}>
                         <BreadcrumbItem>
-                            {item.isPage ? (
-                                <BreadcrumbPage className="text-gray-500">{item.label}</BreadcrumbPage>
+                            {(item.isPage || !item.href || item.href === "#") ? (
+                                <BreadcrumbPage className={cn(
+                                    "font-medium",
+                                    item.isPage ? "text-gray-500" : "text-gray-400 cursor-default"
+                                )}>
+                                    {item.label}
+                                </BreadcrumbPage>
                             ) : (
                                 <BreadcrumbLink asChild>
                                     <Link
-                                        href={item.href || "#"}
+                                        href={item.href}
                                         className="text-[#01ab83] hover:text-[#018a6a] font-medium transition-colors"
                                     >
                                         {item.label}
diff --git a/resources/js/utils/breadcrumb.ts b/resources/js/utils/breadcrumb.ts
index f7edd25..deaf0a9 100644
--- a/resources/js/utils/breadcrumb.ts
+++ b/resources/js/utils/breadcrumb.ts
@@ -11,22 +11,22 @@ export const BREADCRUMB_MAP: Record<string, BreadcrumbItemType[]> = {
     products: [
         { label: "首頁", href: "/" },
         { label: "商品與庫存管理" },
-        { label: "商品資料管理", isPage: true }
+        { label: "商品資料管理", href: "/products", isPage: true }
     ],
     warehouses: [
         { label: "首頁", href: "/" },
         { label: "商品與庫存管理" },
-        { label: "倉庫管理", isPage: true }
+        { label: "倉庫管理", href: "/warehouses", isPage: true }
     ],
     vendors: [
         { label: "首頁", href: "/" },
         { label: "廠商管理" },
-        { label: "廠商資料管理", isPage: true }
+        { label: "廠商資料管理", href: "/vendors", isPage: true }
     ],
     purchaseOrders: [
         { label: "首頁", href: "/" },
         { label: "採購管理" },
-        { label: "管理採購單", isPage: true }
+        { label: "管理採購單", href: "/purchase-orders", isPage: true }
     ],
 };