Network & Edit mode

hooks/useNetworks.ts

@@ -0,0 +1,30 @@
+import { useState, useEffect, useCallback } from "react";
+import axios from "axios";
+
+interface AddNetwork {
+    siteId: number;
+    name: string;
+    ipv4Subnet: string;
+    ipv6Subnet: string;
+    gateway: string;
+}
+
+const useNetworks = () => {
+   
+    const addNetwork = (network: AddNetwork) => {
+        axios.post('/api/sites/networks/add', network);
+    };
+
+    const deleteNetwork = (networkId: number) => {
+        axios.delete('/api/sites/networks/delete', {
+            params: { networkId }
+        });
+    };
+
+    return {
+        addNetwork,
+        deleteNetwork,
+    };
+};
+
+export default useNetworks;

hooks/useSite.ts

@@ -1,11 +1,19 @@
 import { useState, useEffect, useCallback } from "react";
 import axios from "axios";
 
+interface Network {
+    id?: number;
+    name: string;
+    ipv4Subnet?: string;
+    ipv6Subnet?: string;
+    gateway?: string;
+}
+
 interface Site {
     id: number;
     name: string;
     description: string;
-    networks: string[];
+    networks: Network[];
 }
 
 const useSite = () => {