Files
web/apps/partner-sas/app/[lang]/layout.tsx
Anton Gunnarsson 7e585b2d9a Merged in chore/more-partner-sas-boilerplate (pull request #2756)
chore: Misc for partner-sas

* Add global-error to partner-sas

* Add redirect to lang in partner-sas

* Actually use language from param

* Increase test timeouts and use parsed lang to fix tests

* Remove need to import serverClient to setup trpc


Approved-by: Hrishikesh Vaipurkar
2025-09-04 07:45:14 +00:00

102 lines
3.1 KiB
TypeScript

import "@scandic-hotels/design-system/fonts.css"
import "@scandic-hotels/design-system/style.css"
import "@scandic-hotels/design-system/normalize.css"
import "@scandic-hotels/design-system/design-system-new-deprecated.css"
import "../../globals.css"
import { BookingFlowContextProvider } from "@scandic-hotels/booking-flow/BookingFlowContextProvider"
import { BookingFlowTrackingProvider } from "@scandic-hotels/booking-flow/BookingFlowTrackingProvider"
import { NuqsAdapter } from "@scandic-hotels/booking-flow/utils/nuqs"
import { Lang } from "@scandic-hotels/common/constants/language"
import { TrpcProvider } from "@scandic-hotels/trpc/Provider"
import { getMessages } from "@/i18n"
import ClientIntlProvider from "@/i18n/Provider"
import { setLang } from "@/i18n/serverContext"
import {
trackAccordionItemOpen,
trackBookingSearchClick,
trackGenericEvent,
trackOpenSidePeek,
} from "../utils/tracking"
import type { Metadata } from "next"
export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
}
type LangParams = {
lang: Lang
}
type RootLayoutProps = {
children: React.ReactNode
params: Promise<LangParams>
bookingwidget: React.ReactNode
}
export default async function RootLayout(props: RootLayoutProps) {
const params = await props.params
const lang = params.lang
const { children } = props
const parsedLanguage = setLang(lang)
const messages = await getMessages(parsedLanguage)
return (
<html lang="en">
<head>{/* TODO */}</head>
<body className="scandic">
<div className="root">
<ClientIntlProvider
defaultLocale={Lang.en}
locale={parsedLanguage}
messages={messages}
>
<NuqsAdapter>
{/* TODO handle onError */}
<TrpcProvider>
<BookingFlowContextProvider
data={{
// TODO
isLoggedIn: false,
}}
>
<BookingFlowTrackingProvider
trackingFunctions={{
trackBookingSearchClick,
trackAccordionItemOpen,
trackOpenSidePeek,
trackGenericEvent,
}}
>
<header
style={{
height: 64,
backgroundColor: "dodgerblue",
color: "white",
display: "flex",
alignItems: "center",
justifyContent: "center",
}}
>
{/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
<h1>SAS</h1>
</header>
{props.bookingwidget}
<main>{children}</main>
</BookingFlowTrackingProvider>
</BookingFlowContextProvider>
</TrpcProvider>
</NuqsAdapter>
</ClientIntlProvider>
</div>
</body>
</html>
)
}