fix(dashboard): Display breadcrumbs for variant route (#8983)

Resolves CC-63
This commit is contained in:
Kasper Fabricius Kristensen
2024-09-04 10:12:10 +00:00
committed by GitHub
parent 5a097d8954
commit c3561fae3a
@@ -15,6 +15,7 @@ import {
getProvinceByIso2, getProvinceByIso2,
isProvinceInCountry, isProvinceInCountry,
} from "../../lib/data/country-states" } from "../../lib/data/country-states"
import { productLoader } from "../../routes/products/product-detail/loader"
import { taxRegionLoader } from "../../routes/tax-regions/tax-region-detail/loader" import { taxRegionLoader } from "../../routes/tax-regions/tax-region-detail/loader"
import { RouteExtensions } from "./route-extensions" import { RouteExtensions } from "./route-extensions"
import { SettingsExtensions } from "./settings-extensions" import { SettingsExtensions } from "./settings-extensions"
@@ -73,20 +74,29 @@ export const RouteMap: RouteObject[] = [
}, },
{ {
path: ":id", path: ":id",
lazy: () => import("../../routes/products/product-detail"), errorElement: <ErrorBoundary />,
Component: Outlet,
loader: productLoader,
handle: { handle: {
crumb: (data: HttpTypes.AdminProductResponse) => crumb: (data: HttpTypes.AdminProductResponse) =>
data.product.title, data.product.title,
}, },
children: [
{
path: "",
lazy: () => import("../../routes/products/product-detail"),
children: [ children: [
{ {
path: "edit", path: "edit",
lazy: () => import("../../routes/products/product-edit"), lazy: () =>
import("../../routes/products/product-edit"),
}, },
{ {
path: "sales-channels", path: "sales-channels",
lazy: () => lazy: () =>
import("../../routes/products/product-sales-channels"), import(
"../../routes/products/product-sales-channels"
),
}, },
{ {
path: "attributes", path: "attributes",
@@ -100,11 +110,13 @@ export const RouteMap: RouteObject[] = [
}, },
{ {
path: "media", path: "media",
lazy: () => import("../../routes/products/product-media"), lazy: () =>
import("../../routes/products/product-media"),
}, },
{ {
path: "prices", path: "prices",
lazy: () => import("../../routes/products/product-prices"), lazy: () =>
import("../../routes/products/product-prices"),
}, },
{ {
path: "options/create", path: "options/create",
@@ -119,7 +131,9 @@ export const RouteMap: RouteObject[] = [
{ {
path: "variants/create", path: "variants/create",
lazy: () => lazy: () =>
import("../../routes/products/product-create-variant"), import(
"../../routes/products/product-create-variant"
),
}, },
{ {
path: "metadata/edit", path: "metadata/edit",
@@ -129,11 +143,15 @@ export const RouteMap: RouteObject[] = [
], ],
}, },
{ {
path: ":id/variants/:variant_id", path: "variants/:variant_id",
lazy: () => lazy: () =>
import( import(
"../../routes/product-variants/product-variant-detail" "../../routes/product-variants/product-variant-detail"
), ),
handle: {
crumb: (data: HttpTypes.AdminProductVariantResponse) =>
data.variant.title,
},
children: [ children: [
{ {
path: "edit", path: "edit",
@@ -144,7 +162,8 @@ export const RouteMap: RouteObject[] = [
}, },
{ {
path: "prices", path: "prices",
lazy: () => import("../../routes/products/product-prices"), lazy: () =>
import("../../routes/products/product-prices"),
}, },
{ {
path: "manage-items", path: "manage-items",
@@ -157,6 +176,8 @@ export const RouteMap: RouteObject[] = [
}, },
], ],
}, },
],
},
{ {
path: "/categories", path: "/categories",
errorElement: <ErrorBoundary />, errorElement: <ErrorBoundary />,