Merged in revert-pr-1925 (pull request #1927)

Revert "Feat/sw 2323 find booking (pull request #1925)"

Approved-by: Anton Gunnarsson

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

@@ -9,56 +9,55 @@ import styles from "./rooms.module.css"
 
 import type { BookingConfirmationRoomsProps } from "@/types/components/hotelReservation/bookingConfirmation/rooms"
 
-async function RoomTitle({ nr }: { nr: number }) {
-  const intl = await getIntl()
-
-  return (
-    <Typography variant="Title/Subtitle/md">
-      <h2 className={styles.roomTitle}>
-        {intl.formatMessage(
-          {
-            defaultMessage: "Room {roomIndex}",
-          },
-          { roomIndex: nr }
-        )}
-      </h2>
-    </Typography>
-  )
-}
-
 export default async function Rooms({
   booking,
   checkInTime,
   checkOutTime,
   mainRoom,
+  linkedReservations,
 }: BookingConfirmationRoomsProps) {
-  const { linkedReservations } = booking
+  const intl = await getIntl()
 
   return (
     <section className={styles.rooms}>
       <div className={styles.room}>
-        {linkedReservations.length ? <RoomTitle nr={1} /> : null}
+        {linkedReservations.length ? (
+          <Typography variant="Title/Subtitle/md">
+            <h2 className={styles.roomTitle}>
+              {intl.formatMessage(
+                {
+                  defaultMessage: "Room {roomIndex}",
+                },
+                { roomIndex: 1 }
+              )}
+            </h2>
+          </Typography>
+        ) : null}
         <Room
-          checkInDate={booking.checkInDate}
-          checkOutDate={booking.checkOutDate}
+          booking={booking}
           checkInTime={checkInTime}
           checkOutTime={checkOutTime}
-          confirmationNumber={booking.confirmationNumber}
-          guaranteeInfo={booking.guaranteeInfo}
-          guest={booking.guest}
           img={mainRoom.images[0]}
-          rateDefinition={booking.rateDefinition}
           roomName={mainRoom.name}
         />
       </div>
 
       {linkedReservations.map((reservation, idx) => (
         <div className={styles.room} key={reservation.confirmationNumber}>
-          <RoomTitle nr={idx + 2} />
+          <Typography variant="Title/Subtitle/md">
+            <h2 className={styles.roomTitle}>
+              {intl.formatMessage(
+                {
+                  defaultMessage: "Room {roomIndex}",
+                },
+                { roomIndex: idx + 2 }
+              )}
+            </h2>
+          </Typography>
           <LinkedReservation
             checkInTime={checkInTime}
             checkOutTime={checkOutTime}
-            refId={reservation.refId}
+            confirmationNumber={reservation.confirmationNumber}
             roomIndex={idx + 1}
           />
         </div>