fix(dashboard): product type metadata form (#12149)

packages/admin/dashboard/src/dashboard-app/routes/get-route.map.tsx

@@ -1414,6 +1414,13 @@ export function getRouteMap({
                       lazy: () =>
                         import("../../routes/product-types/product-type-edit"),
                     },
+                    {
+                      path: "metadata/edit",
+                      lazy: () =>
+                        import(
+                          "../../routes/product-types/product-type-metadata"
+                        ),
+                    },
                   ],
                 },
               ],

packages/admin/dashboard/src/routes/product-types/product-type-metadata/index.ts

@@ -0,0 +1 @@
+export { ProductTypeMetadata as Component } from "./product-type-metadata"

packages/admin/dashboard/src/routes/product-types/product-type-metadata/product-type-metadata.tsx

@@ -0,0 +1,26 @@
+import { useParams } from "react-router-dom"
+import { MetadataForm } from "../../../components/forms/metadata-form/metadata-form"
+import { useProductType, useUpdateProductType } from "../../../hooks/api"
+
+export const ProductTypeMetadata = () => {
+  const { id } = useParams()
+
+  const { product_type, isPending, isError, error } = useProductType(id!)
+
+  const { mutateAsync, isPending: isMutating } = useUpdateProductType(
+    product_type?.id!
+  )
+
+  if (isError) {
+    throw error
+  }
+
+  return (
+    <MetadataForm
+      metadata={product_type?.metadata}
+      hook={mutateAsync}
+      isPending={isPending}
+      isMutating={isMutating}
+    />
+  )
+}