diff --git a/resources/js/Pages/Product/Edit.tsx b/resources/js/Pages/Product/Edit.tsx index ca64520..fd29dca 100644 --- a/resources/js/Pages/Product/Edit.tsx +++ b/resources/js/Pages/Product/Edit.tsx @@ -3,7 +3,7 @@ import { Head, Link } from "@inertiajs/react"; import { Package, ArrowLeft } from "lucide-react"; import { Button } from "@/Components/ui/button"; import ProductForm from "@/Components/Product/ProductForm"; -import { getEditBreadcrumbs } from "@/utils/breadcrumb"; +import { getEditBreadcrumbs, BREADCRUMB_MAP } from "@/utils/breadcrumb"; import type { Category, Product } from "./Index"; import type { Unit } from "@/Components/Unit/UnitManagerDialog"; @@ -19,9 +19,24 @@ export default function Edit({ product, categories, units }: Props) { const backUrl = from === 'show' ? route('products.show', product.id) : route('products.index'); const backText = from === 'show' ? "返回商品詳情" : "返回商品列表"; + // 動態產生麵包屑 + const breadcrumbs = from === 'show' + ? [ + ...JSON.parse(JSON.stringify(BREADCRUMB_MAP.products)), + { label: `商品詳情 (${product.name})`, href: route('products.show', product.id) }, + { label: "編輯", isPage: true } + ] + : getEditBreadcrumbs("products"); + + // 修正詳情層級的 isPage 狀態 + if (from === 'show' && breadcrumbs.length > 1) { + breadcrumbs[breadcrumbs.length - 3].isPage = false; // "商品資料管理" 設為 false + breadcrumbs[breadcrumbs.length - 2].isPage = false; // "商品詳情" 設為 false + } + return (