complete store part of role and start delete and edit

src/lib/hooks/usePermissionsList.js

@@ -1,21 +1,29 @@
+import { useEffect, useState } from "react";
 import { GET_PERMISSIONS_LIST } from "@/core/utils/routes";
-import useSWR from "swr";
-import useRequest from "./useRequest";
+import useRequest from "@/lib/hooks/useRequest";
 
-export const usePermissionsList = () => {
-    const request = useRequest();
+const usePermissionsList = () => {
+    const requestServer = useRequest();
+    const [permissions, setPermissions] = useState([]);
+    const [loadingPermissions, setLoadingPermissions] = useState(true);
+    const [errorPermissions, setErrorPermissions] = useState(null);
 
-    const fetcher = async (url) => {
-        try {
-            const response = await request(url);
-            return response.data.data;
-        } catch (error) {
-            throw new Error();
-        }
-    };
+    useEffect(() => {
+        const fetchPermissions = async () => {
+            try {
+                const response = await requestServer(`${GET_PERMISSIONS_LIST}`);
+                setPermissions(response.data.data);
+                setLoadingPermissions(false);
+            } catch (e) {
+                setErrorPermissions(e);
+                setLoadingPermissions(false);
+            }
+        };
 
-    return useSWR(GET_PERMISSIONS_LIST, fetcher, {
-        keepPreviousData: true,
-        dedupingInterval: 30000,
-    });
+        fetchPermissions();
+    }, []);
+
+    return { permissions, loadingPermissions, errorPermissions };
 };
+
+export default usePermissionsList;