103 lines
2.6 KiB
TypeScript
103 lines
2.6 KiB
TypeScript
import { Lang } from "@/constants/languages"
|
|
|
|
import {
|
|
AccountPageContentItem,
|
|
ContentEntries,
|
|
DynamicContent,
|
|
DynamicContentComponents,
|
|
} from "@/types/requests/myPages/accountpage"
|
|
|
|
import CurrentBenefitsBlock from "@/components/MyPages/Blocks/Benefits/CurrentLevel"
|
|
import NextLevelBenefitsBlock from "@/components/MyPages/Blocks/Benefits/NextLevel"
|
|
import Overview from "@/components/MyPages/Blocks/Overview"
|
|
import Shortcuts from "@/components/MyPages/Blocks/Shortcuts"
|
|
import UpcomingStays from "@/components/MyPages/Blocks/Stays/Upcoming"
|
|
import { User } from "@/types/user"
|
|
|
|
function DynamicComponent({
|
|
user,
|
|
lang,
|
|
content,
|
|
}: {
|
|
content: DynamicContent
|
|
lang: Lang
|
|
user: User
|
|
}) {
|
|
const componentProps = {
|
|
title: content.title,
|
|
preamble: content.preamble,
|
|
link: content.link.linkConnection.edges.length
|
|
? {
|
|
href: content.link.linkConnection.edges[0].node.url,
|
|
text: content.link.link_text,
|
|
}
|
|
: null,
|
|
}
|
|
switch (content.component) {
|
|
case DynamicContentComponents.membership_overview:
|
|
return <Overview user={user} />
|
|
case DynamicContentComponents.benefits:
|
|
return null
|
|
case DynamicContentComponents.previous_stays:
|
|
return null
|
|
case DynamicContentComponents.upcoming_stays:
|
|
return <UpcomingStays lang={lang} {...componentProps} />
|
|
case DynamicContentComponents.current_benefits:
|
|
return (
|
|
<CurrentBenefitsBlock
|
|
title={content.title}
|
|
preamble={content.preamble}
|
|
/>
|
|
)
|
|
case DynamicContentComponents.next_benefits:
|
|
return (
|
|
<NextLevelBenefitsBlock
|
|
title={content.title}
|
|
preamble={content.preamble}
|
|
/>
|
|
)
|
|
default:
|
|
return null
|
|
}
|
|
}
|
|
|
|
export default function Content({
|
|
user,
|
|
lang,
|
|
content,
|
|
}: {
|
|
user: User
|
|
lang: Lang
|
|
content: AccountPageContentItem[]
|
|
}) {
|
|
return (
|
|
<>
|
|
{content.map((item) => {
|
|
switch (item.__typename) {
|
|
case ContentEntries.AccountPageContentDynamicContent:
|
|
return (
|
|
<DynamicComponent
|
|
user={user}
|
|
lang={lang}
|
|
content={item.dynamic_content}
|
|
/>
|
|
)
|
|
case ContentEntries.AccountPageContentShortcuts:
|
|
const shortcuts = item.shortcuts.shortcuts.map(
|
|
(shortcut) => shortcut.linkConnection.edges[0].node
|
|
)
|
|
return (
|
|
<Shortcuts
|
|
shortcuts={shortcuts}
|
|
subtitle={item.preamble}
|
|
title={item.title}
|
|
/>
|
|
)
|
|
default:
|
|
return null
|
|
}
|
|
})}
|
|
</>
|
|
)
|
|
}
|