2e311be924
feat(SW-1384): add CarouselCards block to start page * feat(SW-1384): add filterable carousel cards block to start page * fix(SW-1384): remove unnecessary link prop from SectionHeader * fix(SW-1384): remove uneeded undefined * fix(SW-1384): better type safety * feat(SW-1384): Add see all link to filterable carousel cards section header * refactor(SW-1384): Replace FilterableCarouselCards with CarouselCards block * fix(SW-1384): Remove CardsEnumType type definition * fix(SW-1384):Implement code review feedback to CarouselCards * refactor(SW-1384): Convert CarouselCardFilterEnum to const enum with type Approved-by: Christian Andolf
36 lines
980 B
TypeScript
36 lines
980 B
TypeScript
import SectionContainer from "@/components/Section/Container"
|
|
import SectionHeader from "@/components/Section/Header"
|
|
|
|
import type { CarouselCardsProps } from "@/types/components/blocks/carouselCards"
|
|
|
|
export default function CarouselCards({ carousel_cards }: CarouselCardsProps) {
|
|
const {
|
|
heading,
|
|
enableFilters,
|
|
filterCategories,
|
|
cards,
|
|
defaultFilter,
|
|
link,
|
|
} = carousel_cards
|
|
|
|
return (
|
|
<SectionContainer>
|
|
<SectionHeader title={heading} link={link} />
|
|
{enableFilters && (
|
|
<details>
|
|
<summary>Filter data</summary>
|
|
<p>Todo: Add filter component here</p>
|
|
<pre>
|
|
{JSON.stringify({ filterCategories, defaultFilter }, null, 2)}
|
|
</pre>
|
|
</details>
|
|
)}
|
|
<details>
|
|
<summary>Carousel cards</summary>
|
|
<p>Todo: Add carousel cards component here</p>
|
|
<pre>{JSON.stringify({ cards }, null, 2)}</pre>
|
|
</details>
|
|
</SectionContainer>
|
|
)
|
|
}
|