[DEV-1798] Fix api header highlight (#1149)

* add apidataslug to path * add changeset * update changeset * Update apps/nextjs-website/src/app/[productSlug]/api/[apiDataSlug]/page.tsx Co-authored-by: marcobottaro <[email protected]> * Update .changeset/old-plums-joke.md Co-authored-by: marcobottaro <[email protected]> --------- Co-authored-by: marcobottaro <[email protected]>
pagopa · Sep 25, 2024 · 695f025 · 695f025
1 parent 422b067
commit 695f025
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/old-plums-joke.md b/.changeset/old-plums-joke.md
@@ -0,0 +1,5 @@
+---
+"nextjs-website": patch
+---
+
+Fix product layout path for Api page
diff --git a/apps/nextjs-website/src/app/[productSlug]/api/[apiDataSlug]/page.tsx b/apps/nextjs-website/src/app/[productSlug]/api/[apiDataSlug]/page.tsx
@@ -51,11 +51,13 @@ export const generateMetadata = async (
 const ApiDataPage = async ({ params }: ApiDataParams) => {
   const apiDataProps = await getApiData(params.apiDataSlug);
   const product = await getProduct(params.productSlug);
+  const path = product?.path + '/api/' + params.apiDataSlug;
+
   if (apiDataProps && product) {
     return (
       <ProductLayout
         product={product}
-        path={product.path.concat('/api')}
+        path={path}
         bannerLinks={product.bannerLinks || apiDataProps.bannerLinks}
         showBreadcrumbs
       >