Network alerts

components/dialogues/DeleteNetwork.tsx

@@ -1,6 +1,9 @@
 "use client";
 import useNetworks from "@/hooks/useNetworks";
 import { Trash2, AlertTriangle } from "lucide-react";
+import { useState } from "react";
+import ErrorToast from "@/components/Error";
+import SuccessToast from "@/components/Success";
 
 interface DeleteNetworkProps {
     networkId: string;
@@ -8,15 +11,26 @@ interface DeleteNetworkProps {
 }
 
 export default function DeleteNetwork({ networkId, onNetworkDeleted }: DeleteNetworkProps) {
+    const [error, setError] = useState("");
+    const [success, setSuccess] = useState("");
     const { deleteNetwork } = useNetworks();
     
     const handleDelete = () => {
-        deleteNetwork(networkId);
-        setTimeout(() => {
-            if (onNetworkDeleted) {
-                onNetworkDeleted();
+        try {
+            const response = deleteNetwork(networkId);
+            if (response) {
+                setError(response)
+                return
             }
-        }, 500);
+            setTimeout(() => {
+                if (onNetworkDeleted) {
+                    onNetworkDeleted()
+                    setSuccess("Network deleted successfully")
+                }
+            }, 500);
+        } catch (err) {
+            setError("Failed to delete network")
+        }
     };
 
     return (
@@ -56,6 +70,8 @@ export default function DeleteNetwork({ networkId, onNetworkDeleted }: DeleteNet
                     </div>
                 </div>
             </dialog>
+            <ErrorToast message={error} show={error !== ''} onClose={() => setError('')} />
+            <SuccessToast message={success} show={success !== ''} onClose={() => setSuccess('')} />
         </div>
     );
 }