Loading on Sites & Site load

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
     };
 };