scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(BOOK-414): Added hotel branding themes to hotelpages

Browse Source 
Approved-by: Matilda Landström
This commit is contained in:
Erik Tiekstra
2025-10-02 12:34:38 +00:00
parent f3dc818c06
commit 7fcd5833bd
17 changed files with 217 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
apps/scandic-web/app/[lang]/(live)/(public)/(contentTypes)/hotel_page/[uid]/page.tsx
View File

@@ -1,6 +1,6 @@
import { notFound } from "next/navigation"
import { getHotelPage } from "@/lib/trpc/memoizedRequests"
import { getHotel, getHotelPage } from "@/lib/trpc/memoizedRequests"
import HotelMapPage from "@/components/ContentType/HotelMapPage"
import HotelPage from "@/components/ContentType/HotelPage"
@@ -8,34 +8,40 @@ import HotelSubpage from "@/components/ContentType/HotelSubpage"
import styles from "./page.module.css"
import type { PageArgs } from "@/types/params"
import type { LangParams, PageArgs } from "@/types/params"
export { generateMetadata } from "@/utils/metadata/generateMetadata"
export default async function HotelPagePage(
props: PageArgs<object, { subpage?: string; view?: "map" }>
props: PageArgs<LangParams, { subpage?: string; view?: "map" }>
) {
const searchParams = await props.searchParams
const params = await props.params
const hotelPageData = await getHotelPage()
if (!hotelPageData) {
return notFound()
}
const hotelData = await getHotel({
hotelId: hotelPageData.hotel_page_id,
isCardOnlyPayment: false,
language: params.lang,
})
if (!hotelData) {
return notFound()
}
if (searchParams.subpage) {
return <HotelSubpage hotelData={hotelData} subpage={searchParams.subpage} />
} else if (searchParams.view === "map") {
return <HotelMapPage hotelData={hotelData} />
} else {
return (
<HotelSubpage
hotelId={hotelPageData.hotel_page_id}
subpage={searchParams.subpage}
/>
<div className={styles.page}>
<HotelPage hotelData={hotelData} hotelPageData={hotelPageData} />
</div>
)
}
if (searchParams.view === "map") {
return <HotelMapPage hotelId={hotelPageData.hotel_page_id} />
}
return (
<div className={styles.page}>
<HotelPage hotelId={hotelPageData.hotel_page_id} />
</div>
)
}

10
apps/scandic-web/app/[lang]/(live)/@theme/(contentTypes)/hotel_page/[uid]/page.tsx Normal file
View File

@@ -0,0 +1,10 @@
import ThemeUpdater from "@/components/ThemeUpdater"
import { getLang } from "@/i18n/serverContext"
import { getHotelTheme } from "@/utils/theme/utils"
export default async function ThemeHotelPage() {
const lang = await getLang()
const hotelTheme = await getHotelTheme(lang)
return <ThemeUpdater theme={hotelTheme} />
}

1
apps/scandic-web/app/[lang]/(live)/@theme/[...path]/page.tsx Normal file
View File

@@ -0,0 +1 @@
export { default } from "../page"

6
apps/scandic-web/app/[lang]/(live)/@theme/page.tsx Normal file
View File

@@ -0,0 +1,6 @@
import ThemeUpdater from "@/components/ThemeUpdater"
import { DEFAULT_THEME } from "@/utils/theme/types"
export default function ThemePage() {
return <ThemeUpdater theme={DEFAULT_THEME} />
}

8
apps/scandic-web/app/[lang]/(live)/layout.tsx
View File

@@ -34,6 +34,7 @@ import { FontPreload } from "@/fonts/font-preloading"
import { getMessages } from "@/i18n"
import ClientIntlProvider from "@/i18n/Provider"
import { setLang } from "@/i18n/serverContext"
import { getThemeClass } from "@/utils/theme"
import type { LangParams, LayoutArgs } from "@/types/params"
@@ -41,15 +42,17 @@ export default async function RootLayout(
props: React.PropsWithChildren<
LayoutArgs<LangParams> & {
bookingwidget: React.ReactNode
theme: React.ReactNode
}
>
) {
const params = await props.params
const { bookingwidget, children } = props
const { bookingwidget, theme, children } = props
setLang(params.lang)
const messages = await getMessages(params.lang)
const themeClass = await getThemeClass(params.lang)
return (
<html lang={params.lang}>
@@ -64,7 +67,7 @@ export default async function RootLayout(
window.dataLayer = window.dataLayer || []
`}</Script>
</head>
<body className="scandic">
<body className={themeClass}>
<div className="root">
<SessionProvider basePath="/api/web/auth">
<ClientIntlProvider
@@ -72,6 +75,7 @@ export default async function RootLayout(
locale={params.lang}
messages={messages}
>
{theme}
<NuqsAdapter>
<TrpcProvider>
<RACRouterProvider>