Merged in fix/SW-2553-sidepeeks (pull request #1919)

Fix/SW-2553 sidepeeks

* fix(SW-2553): apply sidepeek display logic

* chore: move convertToChildType and getPriceType utils

* fix: apply PR requested changes

* fix(SW-2553): fix roomNumber for multiroom

* fix(SW-2553): fix sidepeek for my-stay page


Approved-by: Michael Zetterberg
Approved-by: Bianca Widstam
Approved-by: Matilda Landström

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

@@ -20,12 +20,15 @@ interface RoomsProps {
 
 export default function Rooms({ user }: RoomsProps) {
   const intl = useIntl()
-  const { allRoomsAreCancelled, room, rooms } = useMyStayStore((state) => ({
-    allRoomsAreCancelled: state.allRoomsAreCancelled,
-    hotel: state.hotel,
-    room: state.bookedRoom.room,
-    rooms: state.rooms,
-  }))
+  const { allRoomsAreCancelled, room, rooms, roomCategories } = useMyStayStore(
+    (state) => ({
+      allRoomsAreCancelled: state.allRoomsAreCancelled,
+      hotel: state.hotel,
+      room: state.bookedRoom.room,
+      rooms: state.rooms,
+      roomCategories: state.roomCategories,
+    })
+  )
 
   if (!room) {
     return null
@@ -50,6 +53,7 @@ export default function Rooms({ user }: RoomsProps) {
             bedType={room.bedType}
             image={room.images[0]}
             user={user}
+            roomCategories={roomCategories}
           />
         ) : (
           <div className={styles.roomsContainer}>
@@ -58,7 +62,12 @@ export default function Rooms({ user }: RoomsProps) {
                 key={booking.confirmationNumber}
                 className={styles.roomWrapper}
               >
-                <MultiRoom booking={booking} roomNr={index + 1} user={user} />
+                <MultiRoom
+                  booking={booking}
+                  roomNr={index + 1}
+                  user={user}
+                  roomCategories={roomCategories}
+                />
               </div>
             ))}
           </div>