002d093af4
feat(SW-2863): Move contentstack router to trpc package * Add exports to packages and lint rule to prevent relative imports * Add env to trpc package * Add eslint to trpc package * Apply lint rules * Use direct imports from trpc package * Add lint-staged config to trpc * Move lang enum to common * Restructure trpc package folder structure * WIP first step * update internal imports in trpc * Fix most errors in scandic-web Just 100 left... * Move Props type out of trpc * Fix CategorizedFilters types * Move more schemas in hotel router * Fix deps * fix getNonContentstackUrls * Fix import error * Fix entry error handling * Fix generateMetadata metrics * Fix alertType enum * Fix duplicated types * lint:fix * Merge branch 'master' into feat/sw-2863-move-contentstack-router-to-trpc-package * Fix broken imports * Merge branch 'master' into feat/sw-2863-move-contentstack-router-to-trpc-package Approved-by: Linus Flood
104 lines
3.5 KiB
TypeScript
104 lines
3.5 KiB
TypeScript
import {
|
|
CardsGridEnum,
|
|
CardsGridLayoutEnum,
|
|
} from "@scandic-hotels/trpc/types/cardsGridEnum"
|
|
|
|
import InfoCard from "@/components/ContentType/StartPage/InfoCard"
|
|
import SectionContainer from "@/components/Section/Container"
|
|
import SectionHeader from "@/components/Section/Header"
|
|
import Card from "@/components/TempDesignSystem/Card"
|
|
import Grids from "@/components/TempDesignSystem/Grids"
|
|
import LoyaltyCard from "@/components/TempDesignSystem/LoyaltyCard"
|
|
import TeaserCard from "@/components/TempDesignSystem/TeaserCard"
|
|
|
|
import type { CardsGridProps } from "@/types/components/blocks/cardsGrid"
|
|
import type { StackableGridProps } from "../TempDesignSystem/Grids/Stackable/stackable"
|
|
|
|
export default function CardsGrid({ cards_grid }: CardsGridProps) {
|
|
let columns: StackableGridProps["columns"]
|
|
|
|
switch (cards_grid.layout) {
|
|
case CardsGridLayoutEnum.ONE_COLUMN:
|
|
columns = 1
|
|
break
|
|
case CardsGridLayoutEnum.TWO_COLUMNS:
|
|
columns = 2
|
|
break
|
|
case CardsGridLayoutEnum.THREE_COLUMNS:
|
|
columns = 3
|
|
break
|
|
default:
|
|
columns = 3
|
|
}
|
|
|
|
return (
|
|
<SectionContainer>
|
|
<SectionHeader
|
|
title={cards_grid.title}
|
|
preamble={cards_grid.preamble}
|
|
headingAs="h3"
|
|
headingLevel="h2"
|
|
/>
|
|
<Grids.Stackable columns={columns}>
|
|
{cards_grid.cards.map((card, index) => {
|
|
switch (card.__typename) {
|
|
case CardsGridEnum.cards.Card:
|
|
return (
|
|
<Card
|
|
theme={
|
|
card.backgroundImage ? "image" : (cards_grid.theme ?? "one")
|
|
}
|
|
key={card.system.uid}
|
|
scriptedTopTitle={card.scripted_top_title}
|
|
heading={card.heading}
|
|
bodyText={card.body_text}
|
|
secondaryButton={card.secondaryButton}
|
|
primaryButton={card.primaryButton}
|
|
backgroundImage={card.backgroundImage}
|
|
imageGradient
|
|
/>
|
|
)
|
|
case CardsGridEnum.cards.InfoCard:
|
|
return (
|
|
<InfoCard
|
|
key={card.system.uid}
|
|
scriptedTopTitle={card.scriptedTopTitle}
|
|
heading={card.heading}
|
|
bodyText={card.bodyText}
|
|
image={card.image}
|
|
theme={card.theme ?? "one"}
|
|
primaryButton={card.primaryButton}
|
|
secondaryButton={card.secondaryButton}
|
|
imagePosition={index % 2 === 0 ? "right" : "left"}
|
|
/>
|
|
)
|
|
case CardsGridEnum.cards.TeaserCard:
|
|
return (
|
|
<TeaserCard
|
|
key={card.system.uid}
|
|
title={card.heading}
|
|
description={card.body_text}
|
|
primaryButton={card.primaryButton}
|
|
secondaryButton={card.secondaryButton}
|
|
sidePeekButton={card.sidePeekButton}
|
|
sidePeekContent={card.sidePeekContent}
|
|
image={card.image}
|
|
/>
|
|
)
|
|
case CardsGridEnum.cards.LoyaltyCard:
|
|
return (
|
|
<LoyaltyCard
|
|
key={card.system.uid}
|
|
image={card.image}
|
|
heading={card.heading}
|
|
bodyText={card.body_text}
|
|
link={card.link}
|
|
/>
|
|
)
|
|
}
|
|
})}
|
|
</Grids.Stackable>
|
|
</SectionContainer>
|
|
)
|
|
}
|