fix: hide popover if click on NON

Closes: #230
museebolo · Jan 22, 2025 · ea54775 · ea54775
1 parent fbccdce
commit ea54775
Showing 1 changed file with 28 additions and 3 deletions.
diff --git a/nextjs-interface/src/app/ui/dashboard/DeleteEsp.tsx b/nextjs-interface/src/app/ui/dashboard/DeleteEsp.tsx
@@ -6,8 +6,26 @@ import {
   PopoverTrigger,
 } from "@/components/ui/popover";
 import { Button } from "@/components/ui/button";
+import {useState} from "react";
+
+export default function DeleteEsp({
+  id,
+  onDelete,
+}: {
+  id: string;
+  onDelete: (id: string) => void;
+}) {
+  // Function to hide the delete popup
+  const [isOpen, setIsOpen] = useState(false);
+
+  const hidePopover = () => {
+    setIsOpen(false);
+  };
+
+  const openPopover = () => {
+    setIsOpen(true);
+  };
 
-export default function DeleteEsp({ id }: { id: string }) {
   const deleteEsp = async (id: string) => {
     // Get the id in the URL of the page
 
@@ -35,14 +53,16 @@ export default function DeleteEsp({ id }: { id: string }) {
       } else {
         console.log("ESP supprimé avec succés");
       }
+      onDelete(id)
+      setIsOpen(false)
     } catch (error) {
       console.error("Error: ", error);
     }
   };
 
   return (
     <div className="flex cursor-pointer gap-2">
-      <Popover>
+      <Popover open={isOpen} onOpenChange={setIsOpen}>
         <PopoverTrigger>
           <Trash2 />
         </PopoverTrigger>
@@ -61,7 +81,12 @@ export default function DeleteEsp({ id }: { id: string }) {
           >
             OUI
           </Button>
-          <Button className="w-72">NON</Button>
+          <Button
+              onClick={hidePopover}
+              className="w-72"
+          >
+            NON
+          </Button>
         </PopoverContent>
       </Popover>
     </div>