room list and create room

src/components/rooms/roomBox.jsx

@@ -1,22 +1,19 @@
-import React, { useEffect, useState } from 'react';
-import '../../assets/styles/itembox.css'
-import { } from '../item/ItemBox'
+import React from 'react';
+import '../../assets/styles/room-list.css';
+import { Description } from '../parts/description';
+import { Characteristic } from '../parts/characteristic';
 
+export const RoomBox = ({ room, onRoomClick }) => {
 
-// Composant Détails du Produit
-export const RoomBox = ({ name, itemCount, roomPrice, _id }) => {
-    const [roomData, setRoomData] = useState();
-
-    useEffect(() => {
-        setRoomData({name, itemCount, roomPrice, _id})
-    }, [name, itemCount, roomPrice, _id]);
-
+    const handleBoxClick = () => {
+        onRoomClick(room._id);
+    };
 
     return (
-        <div className="product-details" > 
-            <Description title={roomData.name} >
-                <Characteristic label="Nombre d'articles" value={roomData.itemCount} />
-                <Characteristic label="Prix total" value={roomData.roomPrice} />
+        <div className="room-details" onClick={handleBoxClick}>
+            <Description title={room?.name}>
+                <Characteristic label="Nombre d'articles" value={room?.items_count || "N/A"} />
+                <Characteristic label="Prix total" value={room?.room_price || "N/A"} />
             </Description>
         </div>
     );