Files
web/apps/scandic-web/components/Webviews/LoyaltyPage/Blocks.tsx
Anton Gunnarsson 002d093af4 Merged in feat/sw-2863-move-contentstack-router-to-trpc-package (pull request #2389)
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
2025-06-26 07:53:01 +00:00

76 lines
2.4 KiB
TypeScript

import { BlocksEnums } from "@scandic-hotels/trpc/types/blocks"
import CardsGrid from "@/components/Blocks/CardsGrid"
import DynamicContent from "@/components/Blocks/DynamicContent"
import ShortcutsList from "@/components/Blocks/ShortcutsList"
import JsonToHtml from "@/components/JsonToHtml"
import { getLang } from "@/i18n/serverContext"
import { modWebviewLink } from "@/utils/webviews"
import type { BlocksProps } from "@/types/components/blocks"
// import { BlocksEnums } from "@scandic-hotels/trpc/types/blocks"
export default async function Blocks({ blocks }: BlocksProps) {
const lang = await getLang()
return Promise.all(
blocks.map(async (block, idx) => {
switch (block.typename) {
case BlocksEnums.block.CardsGrid:
return (
<CardsGrid
key={`${block.cards_grid.title}-${idx}`}
cards_grid={block.cards_grid}
/>
)
case BlocksEnums.block.Content:
return (
<JsonToHtml
key={`${block.__typename}-${idx}`}
nodes={block.content.json.children}
embeds={block.content.embedded_itemsConnection.edges}
/>
)
case BlocksEnums.block.DynamicContent:
const dynamicContent = {
...block.dynamic_content,
link: block.dynamic_content.link
? {
...block.dynamic_content.link,
href: await modWebviewLink(
block.dynamic_content.link.href,
lang
),
}
: undefined,
}
return (
<DynamicContent
dynamic_content={dynamicContent}
key={`${block.dynamic_content.title}-${idx}`}
/>
)
case BlocksEnums.block.Shortcuts:
const shortcuts = await Promise.all(
block.shortcuts.shortcuts.map(async (shortcut) => ({
...shortcut,
url: await modWebviewLink(shortcut.url, lang),
}))
)
return (
<ShortcutsList
key={`${block.shortcuts.title}-${idx}`}
shortcuts={shortcuts}
subtitle={block.shortcuts.subtitle}
title={block.shortcuts.title}
hasTwoColumns={block.shortcuts.hasTwoColumns}
/>
)
default:
return null
}
})
)
}