diff --git a/web/src/components/Storyblok/CategoryLandingPage/CategoryLandingPage.test.tsx b/web/src/components/Storyblok/CategoryLandingPage/CategoryLandingPage.test.tsx
index 7c505a26..b9b6455d 100644
--- a/web/src/components/Storyblok/CategoryLandingPage/CategoryLandingPage.test.tsx
+++ b/web/src/components/Storyblok/CategoryLandingPage/CategoryLandingPage.test.tsx
@@ -39,7 +39,7 @@ describe("CategoryLandingPage", () => {
).toBeInTheDocument();
});
- xit("renders the Hero through the StoryblokComponent, if it's passed as block", () => {
+ it("renders the Hero through the StoryblokComponent, if it's passed as block", () => {
render();
expect(
screen.getByText(mockHeroData.header[0].component)
diff --git a/web/src/components/Storyblok/CategoryLandingPage/CategoryLandingPage.tsx b/web/src/components/Storyblok/CategoryLandingPage/CategoryLandingPage.tsx
index 6229b6ed..258333d0 100644
--- 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 = ({
))}
{blok.header &&
- blok.header.map((nestedBlok) => (
-
- ))}
+ blok.header.map((nestedBlok) => {
+ return (
+
+ );
+ })}
{/* {blok.content &&
blok.content.map((nestedBlok) => (
diff --git a/web/src/types/storyblok.d.ts b/web/src/types/storyblok.d.ts
index 9e640ba1..fe0ed99b 100644
--- a/web/src/types/storyblok.d.ts
+++ b/web/src/types/storyblok.d.ts
@@ -189,17 +189,6 @@ export interface CategoryNavigationStoryblok {
[k: string]: any;
}
-export interface FullWidthSectionStoryblok {
- heading?: string;
- lead?: RichtextStoryblok;
- showHeading?: boolean;
- theme: "subtle" | "impact" | "transparent";
- content?: (ActionBannerStoryblok | CardGridStoryblok | PromoBoxStoryblok)[];
- component: "fullWidthSection";
- _uid: string;
- [k: string]: any;
-}
-
export interface GridStoryblok {
columns?: (
| AccordionStoryblok
@@ -214,7 +203,6 @@ export interface GridStoryblok {
| CardGridStoryblok
| CategoryLandingPageStoryblok
| CategoryNavigationStoryblok
- | FullWidthSectionStoryblok
| GridStoryblok
| GridItemStoryblok
| GridSectionStoryblok
@@ -458,7 +446,6 @@ export interface PageStoryblok {
| CardGridStoryblok
| CategoryLandingPageStoryblok
| CategoryNavigationStoryblok
- | FullWidthSectionStoryblok
| GridStoryblok
| GridItemStoryblok
| GridSectionStoryblok