feat(SW-251): check for undefined

components/HotelReservation/SelectHotel/HotelFilter/index.tsx

@@ -4,25 +4,20 @@ import styles from "./hotelFilter.module.css"
 
 import { HotelFilterProps } from "@/types/components/hotelReservation/selectHotel/hotelFilterProps"
 
-export default async function HotelFilter({
-  hotelId,
-  filters,
-}: HotelFilterProps) {
+export default async function HotelFilter({ filters }: HotelFilterProps) {
   const { formatMessage } = await getIntl()
 
+  console.log(filters)
+
   return (
     <aside className={styles.container}>
       <div className={styles.facilities}>
-        {formatMessage({ id: "Room facilities" })}
-        {/* {filters.roomFacilities.map((roomFilter) => (
-          <div key={roomFilter} className={styles.filter}>
-            <input id={roomFilter} name={roomFilter} type="checkbox" />
-            <label htmlFor={roomFilter}>{roomFilter}</label>
-          </div>
-        ))} */}
+        {formatMessage({ id: "Hotel facilities" })}
+        {filters.map((data) => (
+          <div key={data.id}>{data.name}</div>
+        ))}
       </div>
       <div className={styles.facilities}>
-        {formatMessage({ id: "Hotel facilities" })}
         {/* {filters.hotelFacilities.map((hotelFilter) => (
           <div key={hotelFilter} className={styles.filter}>
             <input id={hotelFilter} name={hotelFilter} type="checkbox" />