Files
web/apps/scandic-web/components/Blocks/DynamicContent/index.tsx
Chuma Mcphoy (We Ahead) 0b28893e71 Merged in feat/LOY-422-new-upcoming-stays (pull request #3121)
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
2025-11-13 13:05:24 +00:00

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
}
}