Site view

hooks/useSite.ts

@@ -0,0 +1,40 @@
+import { useState, useEffect, useCallback } from "react";
+import axios from "axios";
+
+interface Site {
+    id: number;
+    name: string;
+    description: string;
+    networks: string[];
+}
+
+const useSite = () => {
+    const [site, setSite] = useState<Site>({
+        id: 0,
+        name: "",
+        description: "",
+        networks: []
+    });
+    const [siteId, setSiteId] = useState("");
+
+    const loadSite = useCallback(() => {
+        if (!siteId) return;
+        axios.get('/api/sites/get', {
+            params: { siteId }
+        }).then((response) => {
+            setSite(response.data.site);
+        });
+    }, [siteId]);
+
+    useEffect(() => {
+        loadSite();
+    }, [loadSite]);
+
+    return {
+        site,
+        loadSite,
+        setSiteId,
+    };
+};
+
+export default useSite;