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)/select-hotel/utils.ts

@@ -3,7 +3,10 @@ import { serverClient } from "@/lib/trpc/server"
 
 import { getLang } from "@/i18n/serverContext"
 
-import type { AvailabilityInput } from "@/types/components/hotelReservation/selectHotel/availabilityInput"
+import type {
+  AlternativeHotelsAvailabilityInput,
+  AvailabilityInput,
+} from "@/types/components/hotelReservation/selectHotel/availabilityInput"
 import type {
   HotelData,
   NullableHotelData,
@@ -12,6 +15,7 @@ import type {
   CategorizedFilters,
   Filter,
 } from "@/types/components/hotelReservation/selectHotel/hotelFilters"
+import type { HotelsAvailabilityItem } from "@/server/routers/hotels/output"
 
 const hotelSurroundingsFilterNames = [
   "Hotel surroundings",
@@ -34,13 +38,41 @@ const hotelFacilitiesFilterNames = [
 export async function fetchAvailableHotels(
   input: AvailabilityInput
 ): Promise<NullableHotelData[]> {
-  const availableHotels = await serverClient().hotel.availability.hotels(input)
+  const availableHotels =
+    await serverClient().hotel.availability.hotelsByCity(input)
 
   if (!availableHotels) return []
 
+  return enhanceHotels(availableHotels)
+}
+
+export async function fetchAlternativeHotels(
+  hotelId: string,
+  input: AlternativeHotelsAvailabilityInput
+): Promise<NullableHotelData[]> {
+  const alternativeHotelIds = await serverClient().hotel.nearbyHotelIds({
+    hotelId,
+  })
+
+  if (!alternativeHotelIds) return []
+
+  const availableHotels =
+    await serverClient().hotel.availability.hotelsByHotelIds({
+      ...input,
+      hotelIds: alternativeHotelIds,
+    })
+
+  if (!availableHotels) return []
+
+  return enhanceHotels(availableHotels)
+}
+
+async function enhanceHotels(hotels: {
+  availability: HotelsAvailabilityItem[]
+}) {
   const language = getLang()
 
-  const hotels = availableHotels.availability.map(async (hotel) => {
+  const hotelFetchers = hotels.availability.map(async (hotel) => {
     const hotelData = await getHotelData({
       hotelId: hotel.hotelId.toString(),
       language,
@@ -54,7 +86,7 @@ export async function fetchAvailableHotels(
     }
   })
 
-  return await Promise.all(hotels)
+  return await Promise.all(hotelFetchers)
 }
 
 export function getFiltersFromHotels(hotels: HotelData[]): CategorizedFilters {