fix: we showed duplicate rooms because every bed represents a room

apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomSelectionPanel/RoomCard/index.tsx

@@ -69,8 +69,6 @@ function getBreakfastMessage(
 
 export default function RoomCard({ roomConfiguration }: RoomCardProps) {
   const intl = useIntl()
-  const lessThanFiveRoomsLeft =
-    roomConfiguration.roomsLeft > 0 && roomConfiguration.roomsLeft < 5
 
   const searchParams = useSearchParams()
   const bookingCode = searchParams.get("bookingCode")
@@ -85,6 +83,8 @@ export default function RoomCard({ roomConfiguration }: RoomCardProps) {
     }))
   const { isMainRoom, roomAvailability, roomNr, selectedPackage } =
     useRoomContext()
+  const showLowInventory =
+    roomConfiguration.roomsLeft > 0 && roomConfiguration.roomsLeft < 5
 
   if (!roomAvailability || !("rateDefinitions" in roomAvailability)) {
     return null
@@ -177,7 +177,7 @@ export default function RoomCard({ roomConfiguration }: RoomCardProps) {
     <li className={classNames}>
       <div className={styles.imageContainer}>
         <div className={styles.chipContainer}>
-          {lessThanFiveRoomsLeft ? (
+          {showLowInventory ? (
             <span className={styles.chip}>
               <Footnote color="burgundy" textTransform="uppercase">
                 {intl.formatMessage(
@@ -211,16 +211,16 @@ export default function RoomCard({ roomConfiguration }: RoomCardProps) {
           <Caption color="uiTextMediumContrast">
             {occupancy.max === occupancy.min
               ? intl.formatMessage(
-                { id: "{guests, plural, one {# guest} other {# guests}}" },
-                { guests: occupancy.max }
-              )
+                  { id: "{guests, plural, one {# guest} other {# guests}}" },
+                  { guests: occupancy.max }
+                )
               : intl.formatMessage(
-                { id: "{min}-{max} guests" },
-                {
-                  min: occupancy.min,
-                  max: occupancy.max,
-                }
-              )}
+                  { id: "{min}-{max} guests" },
+                  {
+                    min: occupancy.min,
+                    max: occupancy.max,
+                  }
+                )}
           </Caption>
         )}
         <RoomSize roomSize={roomSize} />
@@ -293,7 +293,7 @@ export default function RoomCard({ roomConfiguration }: RoomCardProps) {
                   title={rateTitle}
                   rateTitle={
                     product.public &&
-                      product.public?.rateType !== RateTypeEnum.Regular
+                    product.public?.rateType !== RateTypeEnum.Regular
                       ? rateDefinition?.title
                       : undefined
                   }

apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/index.tsx

@@ -17,7 +17,6 @@ export function RoomsContainer({
   childArray,
   fromDate,
   hotelData,
-  hotelId,
   isUserLoggedIn,
   toDate,
 }: RoomsContainerProps) {
@@ -29,7 +28,7 @@ export function RoomsContainer({
   const { data: roomsAvailability, isPending: isLoadingAvailability } =
     useRoomsAvailability(
       adultArray,
-      hotelId,
+      hotelData.hotel.id,
       fromDateString,
       toDateString,
       lang,
@@ -42,7 +41,7 @@ export function RoomsContainer({
     childArray,
     fromDateString,
     toDateString,
-    hotelId,
+    hotelData.hotel.id,
     lang
   )
 
@@ -50,10 +49,6 @@ export function RoomsContainer({
     return <RoomsContainerSkeleton />
   }
 
-  if (!hotelData?.hotel) {
-    return null
-  }
-
   if (packages === null) {
     // TODO: Log packages error
     console.error("[RoomsContainer] unable to fetch packages")