This creates the alternative hotels page. It is mostly a copy of the select hotel page, and most of the contents of the pages lives under the same component in /components.

Merged in feat/sw-397-alternative-hotels (pull request #1211)

Feat/sw 397 alternative hotels

* fix(SW-397): create alternative hotels page

* update types

* Adapt to new changes for fetching data

* Make bookingcode optional

* Code review fixes


Approved-by: Simon.Emanuelsson

app/[lang]/(live)/(public)/hotelreservation/(standard)/alternative-hotels/page.tsx

@@ -0,0 +1,33 @@
+import { Suspense } from "react"
+
+import SelectHotel from "@/components/HotelReservation/SelectHotel"
+import { SelectHotelSkeleton } from "@/components/HotelReservation/SelectHotel/SelectHotelSkeleton"
+import { setLang } from "@/i18n/serverContext"
+
+import type { AlternativeHotelsSearchParams } from "@/types/components/hotelReservation/selectHotel/selectHotelSearchParams"
+import type { LangParams, PageArgs } from "@/types/params"
+
+export default async function AlternativeHotelsPage({
+  params,
+  searchParams,
+}: PageArgs<LangParams, AlternativeHotelsSearchParams>) {
+  setLang(params.lang)
+
+  const roomKey = Object.keys(searchParams)
+    .filter((key) => key.startsWith("room["))
+    .map((key) => searchParams[key])
+    .join("-")
+
+  return (
+    <Suspense
+      key={`${searchParams.hotel}-${searchParams.fromDate}-${searchParams.toDate}-${roomKey}`}
+      fallback={<SelectHotelSkeleton />}
+    >
+      <SelectHotel
+        params={params}
+        searchParams={searchParams}
+        isAlternativeHotels
+      />
+    </Suspense>
+  )
+}