Merged in feature/refactor-lang (pull request #387)

feat: SW-238 Avoid prop drilling of lang

Approved-by: Michael Zetterberg

app/[lang]/(live)/(public)/[contentType]/[uid]/@breadcrumbs/page.tsx

@@ -1,5 +1,10 @@
 import Breadcrumbs from "@/components/MyPages/Breadcrumbs"
+import { setLang } from "@/i18n/serverContext"
+
+import { LangParams, PageArgs } from "@/types/params"
+
+export default function PageBreadcrumbs({ params }: PageArgs<LangParams>) {
+  setLang(params.lang)
 
-export default function PageBreadcrumbs() {
   return <Breadcrumbs />
 }

app/[lang]/(live)/(public)/[contentType]/[uid]/page.tsx

@@ -3,6 +3,7 @@ import { notFound } from "next/navigation"
 import ContentPage from "@/components/ContentType/ContentPage"
 import HotelPage from "@/components/ContentType/HotelPage/HotelPage"
 import LoyaltyPage from "@/components/ContentType/LoyaltyPage/LoyaltyPage"
+import { setLang } from "@/i18n/serverContext"
 
 import {
   ContentTypeParams,
@@ -14,13 +15,15 @@ import {
 export default async function ContentTypePage({
   params,
 }: PageArgs<LangParams & ContentTypeParams & UIDParams, {}>) {
+  setLang(params.lang)
+
   switch (params.contentType) {
     case "content-page":
       return <ContentPage />
     case "loyalty-page":
-      return <LoyaltyPage lang={params.lang} />
+      return <LoyaltyPage />
     case "hotel-page":
-      return <HotelPage lang={params.lang} />
+      return <HotelPage />
     default:
       const type: never = params.contentType
       console.error(`Unsupported content type given: ${type}`)

app/[lang]/(live)/(public)/hotelreservation/page.tsx

@@ -1,5 +1,9 @@
+import { setLang } from "@/i18n/serverContext"
+
 import { LangParams, PageArgs } from "@/types/params"
 
 export default function HotelReservationPage({ params }: PageArgs<LangParams>) {
+  setLang(params.lang)
+
   return null
 }

app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx

@@ -6,6 +6,7 @@ import { ChevronRightIcon } from "@/components/Icons"
 import StaticMap from "@/components/Maps/StaticMap"
 import Link from "@/components/TempDesignSystem/Link"
 import { getIntl } from "@/i18n"
+import { getLang, setLang } from "@/i18n/serverContext"
 
 import styles from "./page.module.css"
 
@@ -15,10 +16,11 @@ export default async function SelectHotelPage({
   params,
 }: PageArgs<LangParams>) {
   const intl = await getIntl()
+  setLang(params.lang)
 
   const { attributes } = await serverClient().hotel.getHotel({
     hotelId: "d98c7ab1-ebaa-4102-b351-758daf1ddf55",
-    language: params.lang,
+    language: getLang(),
   })
   const hotels = [attributes]
 

app/[lang]/(live)/(public)/hotelreservation/select-rate/page.tsx

@@ -5,16 +5,19 @@ import BedSelection from "@/components/HotelReservation/SelectRate/BedSelection"
 import BreakfastSelection from "@/components/HotelReservation/SelectRate/BreakfastSelection"
 import FlexibilitySelection from "@/components/HotelReservation/SelectRate/FlexibilitySelection"
 import RoomSelection from "@/components/HotelReservation/SelectRate/RoomSelection"
+import { getLang, setLang } from "@/i18n/serverContext"
 
 import styles from "./page.module.css"
 
 import { LangParams, PageArgs } from "@/types/params"
 
 export default async function SelectRate({ params }: PageArgs<LangParams>) {
+  setLang(params.lang)
+
   // TODO: pass the correct hotel ID
   const { attributes: hotel } = await serverClient().hotel.getHotel({
     hotelId: "d98c7ab1-ebaa-4102-b351-758daf1ddf55",
-    language: params.lang,
+    language: getLang(),
   })
   const rooms = await serverClient().hotel.getRates({
     // TODO: pass the correct hotel ID and all other parameters that should be included in the search