Merged in feat/SW-1652-confirmation-page-multiroom (pull request #1404)

feat(SW-1652): Fetching additional rooms on confirmation page

* feat(SW-1652): Fetching additional rooms on confirmation page


Approved-by: Tobias Johansson

apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/index.tsx

@@ -1,5 +1,6 @@
-"use client"
+import { Suspense } from "react"
 
+import { LinkedReservationCardSkeleton } from "./LinkedReservation/LinkedReservationCardSkeleton"
 import { LinkedReservation } from "./LinkedReservation"
 import Room from "./Room"
 
@@ -19,12 +20,16 @@ export default function Rooms({
         img={mainRoom.images[0]}
         roomName={mainRoom.name}
       />
-      {linkedReservations?.map((reservation, idx) => (
-        <LinkedReservation
+
+      {linkedReservations?.map((reservation) => (
+        <Suspense
           key={reservation.confirmationNumber}
-          linkedReservation={reservation}
-          roomIndex={idx}
-        />
+          fallback={<LinkedReservationCardSkeleton />}
+        >
+          <LinkedReservation
+            confirmationNumber={reservation.confirmationNumber}
+          />
+        </Suspense>
       ))}
     </section>
   )