Loading on Sites & Site load

hooks/useSite.ts

@@ -10,13 +10,16 @@ const useSite = () => {
         networks: []
     });
     const [siteId, setSiteId] = useState("");
+    const [loading, setLoading] = useState(false);
 
     const loadSite = useCallback(() => {
         if (!siteId) return;
+        setLoading(true);
         axios.get('/api/sites/get', {
             params: { siteId }
         }).then((response) => {
             setSite(response.data.site);
+            setLoading(false);
         });
     }, [siteId]);
 
@@ -58,6 +61,7 @@ const useSite = () => {
         setSiteId,
         editSite,
         deleteSite,
+        loading
     };
 };
 

hooks/useSites.ts

@@ -11,13 +11,16 @@ const useSites = () => {
     const [itemPerPage, setItemPerPage] = useState(defaultLayout);
     const [total, setTotal] = useState(0);
     const [search, setSearch] = useState("");
+    const [loading, setLoading] = useState(false);
 
     const loadSites = useCallback(() => {
+        setLoading(true);
         axios.get('/api/sites/get_all', {
             params: { currentPage, itemPerPage, search }
         }).then((response) => {
             setSites(response.data.sites);
             setTotal(response.data.total);
+            setLoading(false);
         });
     }, [currentPage, itemPerPage, search]);
 
@@ -41,7 +44,8 @@ const useSites = () => {
         setSearch,
         handlePageChange,
         setItemPerPage,
-        loadSites
+        loadSites,
+        loading
     };
 };