simple websocket impl

src/components/widget/roomWidget.jsx

@@ -14,19 +14,19 @@ export default function RoomWidget({ roomlist }) {
           status={room.status}
         />
       ))}
-    </div> 
+    </div>
   );
 }
 
 function RoomCard({ number, status ,id}) {
   
   const { updateRoomStatus } = useHotel();
-  const [editingAmount, setEditingAmount] = useState(false);
+  const [editing, setEdtiting] = useState(false);
   const [value, SetValue] = useState(status);
 
   function submit() {
     updateRoomStatus(id,value);
-    setEditingAmount(false);
+    setEdtiting(false);
   }
 
   return (
@@ -34,8 +34,8 @@ function RoomCard({ number, status ,id}) {
         <h3>Room {number}</h3>
         <h4>Id {id}</h4>
 
-        {!editingAmount ?(
-          <p onClick={() => setEditingAmount(true)} style={{ cursor: "pointer" }}>
+        {!editing ?(
+          <p onClick={() => setEdtiting(true)} style={{ cursor: "pointer" }}>
             Status: {status}
           </p>
         ): (
@@ -65,36 +65,4 @@ function RoomCard({ number, status ,id}) {
   );
 }
 
-function CreateItemMenu() {
-  const [itemName, setItemName] = useState("");
-  const [itemAmount, setItemAmount] = useState(0);
-  const {createItem} = useHotel();
-
-
-  const handleSubmit = () => {
-    if (!itemName.trim() | !itemAmount.trim() ) return;
-
-    createItem(itemName, itemAmount);
-
-  }
-
-  return(
-    <div>
-      <input
-      type="text"
-      onChange={element => setItemName(element.target.value)}
-      placeholder="Nom de l'objet"
-      />
-      <input
-      type="text"
-      onChange={element => setItemAmount(element.target.value)}
-      placeholder="Montant d'objet(s)"
-      />
-      <button onClick={handleSubmit}>Creer</button>
-    </div>
-  )
-
-}
-
-
 //export default roomWidget