Merged in feat/hotelinfocard-skeleton (pull request #1291)

feat: added skeleton to hotelinfo card

* feat: added skeleton to hotelinfo card


Approved-by: Simon.Emanuelsson

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

@@ -4,7 +4,9 @@ import { Suspense } from "react"
 
 import { getHotel } from "@/lib/trpc/memoizedRequests"
 
-import HotelInfoCard from "@/components/HotelReservation/SelectRate/HotelInfoCard"
+import HotelInfoCard, {
+  HotelInfoCardSkeleton,
+} from "@/components/HotelReservation/SelectRate/HotelInfoCard"
 import { RoomsContainer } from "@/components/HotelReservation/SelectRate/Rooms/RoomsContainer"
 import { RoomsContainerSkeleton } from "@/components/HotelReservation/SelectRate/Rooms/RoomsContainerSkeleton"
 import TrackingSDK from "@/components/TrackingSDK"
@@ -81,14 +83,19 @@ export default async function SelectRatePage({
 
   return (
     <>
-      <HotelInfoCard
-        hotelId={hotelId}
-        lang={params.lang}
-        fromDate={fromDate.toDate()}
-        toDate={toDate.toDate()}
-        adultArray={adultsInRoom}
-        childArray={childrenInRoom}
-      />
+      <Suspense
+        key={JSON.stringify(searchParams)}
+        fallback={<HotelInfoCardSkeleton />}
+      >
+        <HotelInfoCard
+          hotelId={hotelId}
+          lang={params.lang}
+          fromDate={fromDate.toDate()}
+          toDate={toDate.toDate()}
+          adultArray={adultsInRoom}
+          childArray={childrenInRoom}
+        />
+      </Suspense>
 
       <Suspense
         key={JSON.stringify(searchParams)}