fix: load room availability separately

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

@@ -1,22 +1,16 @@
 import { notFound } from "next/navigation"
+import { Suspense } from "react"
 
 import { dt } from "@/lib/dt"
-import {
-  getHotelData,
-  getLocations,
-  getProfileSafely,
-} from "@/lib/trpc/memoizedRequests"
-import { serverClient } from "@/lib/trpc/server"
+import { getHotelData, getLocations } from "@/lib/trpc/memoizedRequests"
 
+import LoadingSpinner from "@/components/Current/LoadingSpinner"
 import HotelInfoCard from "@/components/HotelReservation/SelectRate/HotelInfoCard"
-import Rooms from "@/components/HotelReservation/SelectRate/Rooms"
-import {
-  generateChildrenString,
-  getHotelReservationQueryParams,
-} from "@/components/HotelReservation/SelectRate/RoomSelection/utils"
+import { RoomsContainer } from "@/components/HotelReservation/SelectRate/Rooms/RoomsContainer"
+import { getHotelReservationQueryParams } from "@/components/HotelReservation/SelectRate/RoomSelection/utils"
 import { setLang } from "@/i18n/serverContext"
+import { safeTry } from "@/utils/safeTry"
 
-import { RoomPackageCodeEnum } from "@/types/components/hotelReservation/selectRate/roomFilter"
 import type { SelectRateSearchParams } from "@/types/components/hotelReservation/selectRate/selectRate"
 import type { LangParams, PageArgs } from "@/types/params"
 
@@ -45,71 +39,48 @@ export default async function SelectRatePage({
     return notFound()
   }
 
-  const validFromDate =
+  const fromDate =
     searchParams.fromDate &&
     dt(searchParams.fromDate).isAfter(dt().subtract(1, "day"))
-      ? searchParams.fromDate
-      : dt().utc().format("YYYY-MM-DD")
-  const validToDate =
-    searchParams.toDate && dt(searchParams.toDate).isAfter(validFromDate)
-      ? searchParams.toDate
-      : dt().utc().add(1, "day").format("YYYY-MM-DD")
+      ? dt(searchParams.fromDate)
+      : dt().utc()
+  const toDate =
+    searchParams.toDate && dt(searchParams.toDate).isAfter(fromDate)
+      ? dt(searchParams.toDate)
+      : dt().utc().add(1, "day")
+
   const adults = selectRoomParamsObject.room[0].adults || 1 // TODO: Handle multiple rooms
-  const childrenCount = selectRoomParamsObject.room[0].child?.length
-  const children = selectRoomParamsObject.room[0].child
-    ? generateChildrenString(selectRoomParamsObject.room[0].child)
-    : undefined // TODO: Handle multiple rooms
+  const children = selectRoomParamsObject.room[0].child // TODO: Handle multiple rooms
 
-  const [hotelData, roomsAvailability, packages, user] = await Promise.all([
-    getHotelData({ hotelId: searchParams.hotel, language: params.lang }),
-    serverClient().hotel.availability.rooms({
-      hotelId: parseInt(searchParams.hotel, 10),
-      roomStayStartDate: validFromDate,
-      roomStayEndDate: validToDate,
-      adults,
-      children,
-    }),
-    serverClient().hotel.packages.get({
-      hotelId: searchParams.hotel,
-      startDate: searchParams.fromDate,
-      endDate: searchParams.toDate,
-      adults,
-      children: childrenCount,
-      packageCodes: [
-        RoomPackageCodeEnum.ACCESSIBILITY_ROOM,
-        RoomPackageCodeEnum.PET_ROOM,
-        RoomPackageCodeEnum.ALLERGY_ROOM,
-      ],
-    }),
-    getProfileSafely(),
-  ])
-
-  if (!roomsAvailability) {
-    return "No rooms found" // TODO: Add a proper error message
-  }
-
-  if (!hotelData) {
-    return "No hotel data found" // TODO: Add a proper error message
-  }
-
-  const roomCategories = hotelData?.included
-
-  const noRoomsAvailable = roomsAvailability.roomConfigurations.reduce(
-    (acc, room) => {
-      return acc && room.status === "NotAvailable"
-    },
-    true
+  const [hotelData, hotelDataError] = await safeTry(
+    getHotelData({ hotelId: searchParams.hotel, language: params.lang })
   )
 
+  if (!hotelData && !hotelDataError) {
+    return notFound()
+  }
+
+  const hotelId = +searchParams.hotel
   return (
     <>
-      <HotelInfoCard hotelData={hotelData} noAvailability={noRoomsAvailable} />
-      <Rooms
-        roomsAvailability={roomsAvailability}
-        roomCategories={roomCategories ?? []}
-        user={user}
-        packages={packages ?? []}
+      <HotelInfoCard
+        hotelId={hotelId}
+        lang={params.lang}
+        fromDate={fromDate.toDate()}
+        toDate={toDate.toDate()}
+        adultCount={adults}
+        childArray={children ?? []}
       />
+      <Suspense key={hotelId} fallback={<LoadingSpinner />}>
+        <RoomsContainer
+          hotelId={hotelId}
+          lang={params.lang}
+          fromDate={fromDate.toDate()}
+          toDate={toDate.toDate()}
+          adultCount={adults}
+          childArray={children ?? []}
+        />
+      </Suspense>
     </>
   )
 }