feat(LOY-422): Upcoming Stays Redesign * feat(LOY-422): Upcoming Stays Redesign * feat(LOY-422): Carousel next/previous arrows * chore(LOY-422): add new material icon * refactor(LOY-422): restructure new and old upcoming stays * fix(LOY-422): handle less than 1 case * chore(LOY-422): remove uneeded id * chore(LOY-422): remove intl label for date edge case Approved-by: Matilda Landström
94 lines
4.8 KiB
TypeScript
94 lines
4.8 KiB
TypeScript
import { Suspense } from "react"
|
|
|
|
import { LoadingSpinner } from "@scandic-hotels/design-system/LoadingSpinner"
|
|
import { DynamicContentEnum } from "@scandic-hotels/trpc/types/dynamicContent"
|
|
|
|
import HowItWorks from "@/components/Blocks/DynamicContent/HowItWorks"
|
|
import LoyaltyLevels from "@/components/Blocks/DynamicContent/LoyaltyLevels"
|
|
import { ManageCookieConsent } from "@/components/Blocks/DynamicContent/ManageCookieConsent"
|
|
import MyPagesOverviewShortcuts from "@/components/Blocks/DynamicContent/MyPagesOverviewShortcuts"
|
|
import Overview from "@/components/Blocks/DynamicContent/Overview"
|
|
import OverviewTable from "@/components/Blocks/DynamicContent/OverviewTable"
|
|
import EarnAndBurn from "@/components/Blocks/DynamicContent/Points/EarnAndBurn"
|
|
import ExpiringPoints from "@/components/Blocks/DynamicContent/Points/ExpiringPoints"
|
|
import PointsOverview from "@/components/Blocks/DynamicContent/Points/Overview"
|
|
import CurrentRewardsBlock from "@/components/Blocks/DynamicContent/Rewards/CurrentRewards"
|
|
import NextLevelRewardsBlock from "@/components/Blocks/DynamicContent/Rewards/NextLevel"
|
|
import SASLinkAccountBanner from "@/components/Blocks/DynamicContent/SAS/LinkAccountBanner"
|
|
import SASLinkedAccount from "@/components/Blocks/DynamicContent/SAS/LinkedAccounts"
|
|
import SASTransferPoints from "@/components/Blocks/DynamicContent/SAS/TransferPoints"
|
|
import SASTierComparisonBlock from "@/components/Blocks/DynamicContent/SASTierComparison"
|
|
import SignupFormWrapper from "@/components/Blocks/DynamicContent/SignupFormWrapper"
|
|
import NextStay from "@/components/Blocks/DynamicContent/Stays/NextStay"
|
|
import PreviousStays from "@/components/Blocks/DynamicContent/Stays/Previous"
|
|
import UpcomingStays from "@/components/Blocks/DynamicContent/Stays/UpcomingStays"
|
|
import { SJWidget } from "@/components/SJWidget"
|
|
|
|
import JobylonFeed from "./JobylonFeed"
|
|
|
|
import type { DynamicContentProps } from "@/types/components/blocks/dynamicContent"
|
|
|
|
export default function DynamicContent(props: DynamicContentProps) {
|
|
return (
|
|
<Suspense fallback={<LoadingSpinner />}>
|
|
<DynamicContentBlocks {...props} />
|
|
</Suspense>
|
|
)
|
|
}
|
|
|
|
function DynamicContentBlocks(props: DynamicContentProps) {
|
|
const { dynamic_content } = props
|
|
switch (dynamic_content.component) {
|
|
case DynamicContentEnum.Blocks.components.current_benefits:
|
|
return <CurrentRewardsBlock {...dynamic_content} />
|
|
case DynamicContentEnum.Blocks.components.earn_and_burn:
|
|
return <EarnAndBurn {...dynamic_content} />
|
|
case DynamicContentEnum.Blocks.components.expiring_points:
|
|
return <ExpiringPoints {...dynamic_content} />
|
|
case DynamicContentEnum.Blocks.components.how_it_works:
|
|
return <HowItWorks dynamic_content={dynamic_content} />
|
|
case DynamicContentEnum.Blocks.components.jobylon_feed:
|
|
return <JobylonFeed {...dynamic_content} />
|
|
case DynamicContentEnum.Blocks.components.manage_cookie_consent:
|
|
return <ManageCookieConsent {...dynamic_content} />
|
|
case DynamicContentEnum.Blocks.components.loyalty_levels:
|
|
return <LoyaltyLevels dynamic_content={dynamic_content} />
|
|
case DynamicContentEnum.Blocks.components.membership_overview:
|
|
return <Overview {...dynamic_content} />
|
|
case DynamicContentEnum.Blocks.components.my_pages_overview_shortcuts:
|
|
return <MyPagesOverviewShortcuts />
|
|
case DynamicContentEnum.Blocks.components.next_benefits:
|
|
return <NextLevelRewardsBlock {...dynamic_content} />
|
|
case DynamicContentEnum.Blocks.components.next_stay:
|
|
return <NextStay {...dynamic_content} />
|
|
case DynamicContentEnum.Blocks.components.overview_table:
|
|
return <OverviewTable dynamic_content={dynamic_content} />
|
|
case DynamicContentEnum.Blocks.components.points_overview:
|
|
return <PointsOverview {...dynamic_content} />
|
|
case DynamicContentEnum.Blocks.components.previous_stays:
|
|
return <PreviousStays {...dynamic_content} />
|
|
case DynamicContentEnum.Blocks.components.sign_up_form:
|
|
return <SignupFormWrapper dynamic_content={dynamic_content} />
|
|
case DynamicContentEnum.Blocks.components.soonest_stays:
|
|
case DynamicContentEnum.Blocks.components.upcoming_stays:
|
|
return <UpcomingStays {...dynamic_content} />
|
|
case DynamicContentEnum.Blocks.components.sas_linked_account:
|
|
return <SASLinkedAccount {...dynamic_content} />
|
|
case DynamicContentEnum.Blocks.components.sas_link_account_banner:
|
|
return <SASLinkAccountBanner {...dynamic_content} />
|
|
case DynamicContentEnum.Blocks.components.sas_transfer_points:
|
|
return <SASTransferPoints {...dynamic_content} />
|
|
case DynamicContentEnum.Blocks.components.sas_tier_comparison:
|
|
return (
|
|
<SASTierComparisonBlock
|
|
title={dynamic_content.title}
|
|
preamble={dynamic_content.subtitle}
|
|
/>
|
|
)
|
|
case DynamicContentEnum.Blocks.components.sj_widget:
|
|
return <SJWidget />
|
|
default:
|
|
return null
|
|
}
|
|
}
|