麵包屑點擊問題修正

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}