hooks promises

components/dialogues/AddNetwork.tsx

@@ -20,7 +20,7 @@ export default function AddNetwork({ onNetworkAdded, siteId }: AddNetworkProps)
     const [success, setSuccess] = useState("");
     const { addNetwork } = useNetworks();
     
-    const handleAddNetwork = () => {
+    const handleAddNetwork = async () => {
         try {
             const response = addNetwork({ 
                 id: "0", 
@@ -30,16 +30,19 @@ export default function AddNetwork({ onNetworkAdded, siteId }: AddNetworkProps)
                 ipv6Subnet, 
                 gateway 
             });
-            if (response) {
+            if (typeof response === "string") {
                 setError(response)
                 return
             }
-            setTimeout(() => {
-                if (onNetworkAdded) {
+            try {
+                const successMessage = await response
+                if (onNetworkAdded && successMessage) {
                     onNetworkAdded()
-                    setSuccess("Network added successfully")
+                    setSuccess(successMessage)
                 }
-            }, 500);
+            } catch (apiError: any) {
+                setError(apiError)
+            }
         } catch (err) {
             setError("Failed to add network")
         }

components/dialogues/DeleteNetwork.tsx

@@ -15,19 +15,23 @@ export default function DeleteNetwork({ networkId, onNetworkDeleted }: DeleteNet
     const [success, setSuccess] = useState("");
     const { deleteNetwork } = useNetworks();
     
-    const handleDelete = () => {
+    const handleDelete = async () => {
         try {
             const response = deleteNetwork(networkId);
-            if (response) {
+            if (typeof response === "string") {
                 setError(response)
                 return
             }
-            setTimeout(() => {
-                if (onNetworkDeleted) {
+
+            try {
+                const successMessage = await response
+                if (onNetworkDeleted && successMessage) {
                     onNetworkDeleted()
-                    setSuccess("Network deleted successfully")
+                    setSuccess(successMessage)
                 }
-            }, 500);
+            } catch (apiError: any) {
+                setError(apiError)
+            }
         } catch (err) {
             setError("Failed to delete network")
         }

components/dialogues/EditNetwork.tsx

@@ -22,7 +22,7 @@ export default function EditNetwork({ onNetworkEdited, siteId, network }: EditNe
     const [success, setSuccess] = useState("");
     const { editNetwork } = useNetworks();
     
-    const handleEdit = () => {
+    const handleEdit = async () => {
         try {
             const response = editNetwork({ 
                 id: network.id, 
@@ -32,17 +32,22 @@ export default function EditNetwork({ onNetworkEdited, siteId, network }: EditNe
                 ipv6Subnet: editIpv6Subnet, 
                 gateway: editGateway 
             });
-            if (response) {
+            if (typeof response === "string") {
                 setError(response)
                 return
             }
-            setTimeout(() => {
-                if (onNetworkEdited) {
+
+            try{
+                const successMessage = await response
+                if (onNetworkEdited && successMessage) {
                     onNetworkEdited()
-                    setSuccess("Network edited successfully")
+                    setSuccess(successMessage)
                 }
-            }, 500);
-        } catch (err) {
+            } catch (apiError: any) {
+                setError(apiError)
+            }
+
+        } catch (err: any) {
             setError("Failed to edit network")
         }
     };

components/dialogues/EditSite.tsx

@@ -26,16 +26,24 @@ export default function EditSite({ site, onSiteEdited }: EditSiteProps) {
 
   const handleEditSite = async () => {
     try {
-      const result = await editSite({ id: site.id, name, description, networks: site.networks })
-      if (result) {
+      const result = editSite({ id: site.id, name, description, networks: site.networks })
+      
+      if (typeof result === "string") {
         setError(result)
         return
       }
-      if (onSiteEdited) {
-        onSiteEdited()
-        setSuccess("Site edited successfully")
+      
+      try {
+        const successMessage = await result
+        if (onSiteEdited && successMessage) {
+          onSiteEdited()
+          setSuccess(successMessage)
+        }
+      } catch (apiError) {
+        setError(typeof apiError === "string" ? apiError : "Failed to edit site")
       }
     } catch (err) {
+      console.error("Error in handleEditSite:", err)
       setError("Failed to edit site")
     }
   }