Break into smaller components

This commit is contained in:
Linus Flood
2024-09-13 12:00:31 +02:00
parent a640fd057e
commit e8b5ec544e
17 changed files with 154 additions and 153 deletions

View File

@@ -0,0 +1,10 @@
import Header from "@/components/Header"
import { setLang } from "@/i18n/serverContext"
import { LangParams, PageArgs } from "@/types/params"
export default async function HeaderPage({ params }: PageArgs<LangParams>) {
setLang(params.lang)
return <Header />
}

View File

@@ -1,17 +0,0 @@
import { Suspense } from "react"
import { serverClient } from "@/lib/trpc/server"
import LanguageSwitcher from "@/components/LanguageSwitcher"
import { setLang } from "@/i18n/serverContext"
import { LangParams, PageArgs } from "@/types/params"
export default async function HeaderPage({ params }: PageArgs<LangParams>) {
setLang(params.lang)
const languages = await serverClient().contentstack.languageSwitcher.get()
if (!languages) {
return null
}
return <LanguageSwitcher type="desktopHeader" urls={languages.urls} />
}

View File

@@ -23,11 +23,11 @@ import type { LangParams, LayoutArgs } from "@/types/params"
export default async function RootLayout({
children,
params,
languageSwitcher,
header,
bookingwidget,
}: React.PropsWithChildren<
LayoutArgs<LangParams> & {
languageSwitcher: React.ReactNode
header: React.ReactNode
bookingwidget: React.ReactNode
}
>) {
@@ -56,13 +56,13 @@ export default async function RootLayout({
<body>
<ServerIntlProvider intl={{ defaultLocale, locale, messages }}>
<TrpcProvider>
<Suspense fallback={<LoadingSpinner />}>
<Header languageSwitcher={languageSwitcher} />
</Suspense>
{header}
{bookingwidget}
{children}
<ToastHandler />
<Footer />
<Suspense fallback={<LoadingSpinner />}>
<Footer />
</Suspense>
<TokenRefresher />
</TrpcProvider>
</ServerIntlProvider>