Modifyayayayayay

GrossesMitaines/grosses-mitaines-ui/src/pages/ContactUs.js

@@ -9,9 +9,9 @@ const ContactUs = () => {
     });
 
     return (
-        <>
+        <div className="contactUs">
           <ContactForm/>
-        </>
+        </div >
     );
 }
 

GrossesMitaines/grosses-mitaines-ui/src/pages/Inventaire.js

@@ -29,7 +29,7 @@ const Inventaire = () => {
             },
             body: JSON.stringify(morceau)
         })
-        
+
         const newMorceau = await response.json();
         console.log(newMorceau);
 
@@ -45,16 +45,33 @@ const Inventaire = () => {
 
         const deletedId = await response.json();
 
-        if (response.ok){
+        if (response.ok) {
             setMorceaux(morceaux.filter((morceau) => morceau.id !== deletedId));
-            console.log("DELETE de: "+deletedId +" avec succès!");
+            console.log("DELETE de: " + deletedId + " avec succès!");
         }
         else
             console.log("Erreur leur du DELETE de " + id);
     };
 
-    const handleModifyItem = async (id) => {
+    const handleModifyItem = async (morceau) => {
+        const response = await fetch(`https://localhost:7292/api/Product`, {
+            method: 'PATCH',
+            headers: {
+                'Accept': 'application/json',
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(morceau)
+        })
 
+        const newMorceau = await response.json();
+        console.log(newMorceau);
+
+        if (response.ok) {
+            setMorceaux(morceaux.filter((morceau) => morceau.id !== newMorceau.id));
+            setMorceaux([...morceaux, { ...newMorceau }]);
+        }
+        else
+            console.log("Erreur de creation " + morceau);
     };
 
     return (