x

apps/website/src/app/products/[id]/page.tsx

@@ -7,7 +7,7 @@ import DynamicPageRenderer from '../../../components/dynamic/DynamicPageRenderer
 import ProductCard from '../../../components/ProductCard'
 import { getCategoriesResult, getCmsPageResult, getProduct, getProductResult, getProductsResult } from '../../../lib/cms'
 import { splitCmsLayoutSections } from '../../../lib/cms-sections'
-import { resolveLocalized } from '../../../lib/localization'
+import { resolveCategoryName, resolveLocalized } from '../../../lib/localization'
 
 const lang = 'all'
 
@@ -24,7 +24,7 @@ export async function generateMetadata({ params }: { params: Promise<{ id: strin
   if (!product) return { title: 'Product Not Found | HomAroma' }
 
   const productName = resolveLocalized(product.name, lang) || product.scent.name
-  const categoryName = resolveLocalized(product.category.name, lang)
+  const categoryName = resolveCategoryName(product.category, lang)
   const description = resolveLocalized(product.description, lang)
 
   return {
@@ -75,7 +75,7 @@ export default async function ProductDetailPage({ params }: { params: Promise<{
   const product = productResult.data
   const related = await getRelated(product.category.id, product.id)
   const productName = resolveLocalized(product.name, lang) || product.scent.name
-  const categoryName = resolveLocalized(product.category.name, lang)
+  const categoryName = resolveCategoryName(product.category, lang)
   const details = resolveLocalized(product.details, lang)
   const imageUrl = product.images?.[0]?.url || product.category.imageUrl || getCategoryImage(categoryName)