create item barebones

src/components/HotelContext.jsx

@@ -200,6 +200,16 @@ export function HotelProvider({ accessToken, children, resClientId}) {
 
   }
 
+  async function createItem(item_name, item_amount){
+    
+    const res = await fetch ( `${API_BASE}/inventory/add_item/${item_name}/${item_amount}`,
+      {
+        method:"POST",
+        headers: { Authorization: `Bearer ${accessTokenSingle}` }
+      });
+  
+  }
+
   async function fetchHotelUsers() {
     const res = await fetch(`${API_BASE}/chat/hotel_users`, {
       method: "POST",
@@ -261,7 +271,8 @@ export function HotelProvider({ accessToken, children, resClientId}) {
         addUserToConv,
         createConversation,
         fetchHotelInventory,
-        updateItemAmount
+        updateItemAmount,
+        createItem
       }}
     >
       {children}

src/components/widget/inventoryWidget.jsx

@@ -22,7 +22,7 @@ export default function InventoryWidget({}) {
     }, [])
 
     return (
-
+<div>
     <div className="grid">
             {items.map(item => (
                 <ItemCard
@@ -34,6 +34,11 @@ export default function InventoryWidget({}) {
             
             ))}
     </div>
+    <div>
+        <CreateItemMenu/>
+    </div>    
+
+</div>
     
     )
 
@@ -74,3 +79,36 @@ function ItemCard({id, name, amount}) {
     )
 
 }
+
+
+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>
+  )
+
+}
+

src/components/widget/roomWidget.jsx

@@ -21,12 +21,12 @@ export default function RoomWidget({ roomlist }) {
 function RoomCard({ number, status ,id}) {
   
   const { updateRoomStatus } = useHotel();
-  const [editing, setEditing] = useState(false);
+  const [editingAmount, setEditingAmount] = useState(false);
   const [value, SetValue] = useState(status);
 
   function submit() {
     updateRoomStatus(id,value);
-    setEditing(false);
+    setEditingAmount(false);
   }
 
   return (
@@ -34,8 +34,8 @@ function RoomCard({ number, status ,id}) {
         <h3>Room {number}</h3>
         <h4>Id {id}</h4>
 
-      {!editing ?(
+        {!editingAmount ?(
-        <p onClick={() => setEditing(true)} style={{ cursor: "pointer" }}>
+          <p onClick={() => setEditingAmount(true)} style={{ cursor: "pointer" }}>
             Status: {status}
           </p>
         ): (
@@ -65,4 +65,36 @@ 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