Merged in fix/SW-1686-show-correct-room-availabilty-number (pull request #1491)

fix: filter to only show available rooms in roomFilter

* fix: filter to only show available rooms in roomFilter


Approved-by: Niclas Edenvin

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

@@ -13,6 +13,7 @@ import { useRoomContext } from "@/contexts/SelectRate/Room"
 
 import styles from "./roomFilter.module.css"
 
+import { AvailabilityEnum } from "@/types/components/hotelReservation/selectHotel/selectHotel"
 import type { RoomPackageCodeEnum } from "@/types/components/hotelReservation/selectRate/roomFilter"
 
 export default function RoomTypeFilter() {
@@ -25,6 +26,10 @@ export default function RoomTypeFilter() {
   } = useRoomContext()
   const intl = useIntl()
 
+  const availableRooms = rooms.filter(
+    (r) => r.status === AvailabilityEnum.Available
+  ).length
+
   // const tooltipText = intl.formatMessage({
   //   id: "Pet-friendly rooms have an additional fee of 20 EUR per stay",
   // })
@@ -43,7 +48,7 @@ export default function RoomTypeFilter() {
       id: "{availableRooms}/{numberOfRooms, plural, one {# room type} other {# room types}} available",
     },
     {
-      availableRooms: rooms.length,
+      availableRooms: availableRooms,
       numberOfRooms: totalRooms,
     }
   )
@@ -60,7 +65,7 @@ export default function RoomTypeFilter() {
   return (
     <div className={styles.container}>
       <Caption color="uiTextHighContrast">
-        {rooms.length !== totalRooms
+        {availableRooms !== totalRooms
           ? notAllRoomsAvailableText
           : allRoomsAvailableText}
       </Caption>