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