142/handle-add-product-admin: toastify when admin added a new product

WildCodeSchool · Dec 12, 2024 · 76e6587 · 76e6587
1 parent 84e8ce8
commit 76e6587
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 3 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -19,7 +19,8 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-responsive": "^10.0.0",
-    "react-router-dom": "^6.24.0"
+    "react-router-dom": "^6.24.0",
+    "react-toastify": "^10.0.6"
   },
   "devDependencies": {
     "@graphql-codegen/cli": "^5.0.2",

diff --git a/frontend/src/pages/NewProduct.tsx b/frontend/src/pages/NewProduct.tsx
@@ -8,6 +8,8 @@ import ListProductsTable from "../components/ListProductsTable";
 import { NewProductFormValues } from "../interface/types";
 import { useState } from "react";
 import axios from "axios";
+import { toast, ToastContainer } from "react-toastify";
+import 'react-toastify/dist/ReactToastify.css';
 
 const { Title } = Typography;
 
@@ -79,6 +81,7 @@ const NewProduct = () => {
         variables: { data: formJson },
       });
       form.resetFields();
+      toast("Produit ajouté avec succès !");
     } catch (error) {
       console.error("Erreur lors de la création du produit", error);
     }
@@ -164,8 +167,13 @@ const NewProduct = () => {
           </Form>
         </Card>
       </div>
-
       <ListProductsTable />
+      <ToastContainer
+        position="top-right"
+        autoClose={5000}
+        theme="light"
+
+      />
     </>
   );
 };