NXT-479 Add breadcrumb prop to cat landing

nice-digital · Nov 7, 2024 · e338477 · e338477
1 parent b800d7a
commit e338477
Showing 1 changed file with 12 additions and 5 deletions.
diff --git a/web/src/components/Storyblok/CategoryLandingPage/CategoryLandingPage.tsx b/web/src/components/Storyblok/CategoryLandingPage/CategoryLandingPage.tsx
@@ -1,15 +1,16 @@
 import { StoryblokComponent } from "@storyblok/react";
 
+import { type Breadcrumb } from "@/types/Breadcrumb";
 import { type CategoryLandingPageStoryblok } from "@/types/storyblok";
 
-// import styles from "./CategoryLandingPage.module.scss";
-
 export interface CategoryLandindPageBlokProps {
 	blok: CategoryLandingPageStoryblok;
+	breadcrumbs?: Breadcrumb[];
 }
 
 export const CategoryLandingPage = ({
 	blok,
+	breadcrumbs,
 }: CategoryLandindPageBlokProps): React.ReactElement => {
 	return (
 		<>
@@ -19,9 +20,15 @@ export const CategoryLandingPage = ({
 					<StoryblokComponent blok={nestedBlok} key={nestedBlok._uid} />
 				))}
 			{blok.header &&
-				blok.header.map((nestedBlok) => (
-					<StoryblokComponent blok={nestedBlok} key={nestedBlok._uid} />
-				))}
+				blok.header.map((nestedBlok) => {
+					return (
+						<StoryblokComponent
+							blok={nestedBlok}
+							key={nestedBlok._uid}
+							breadcrumbs={breadcrumbs}
+						/>
+					);
+				})}
 			{/* {blok.content &&
 				blok.content.map((nestedBlok) => (
 					<StoryblokComponent blok={nestedBlok} key={nestedBlok._uid} />