roles list

src/pages/roles/hooks/useRolesData.ts

@@ -0,0 +1,19 @@
+import * as api from "../service/RolesService";
+import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
+
+export const useGetRoles = (params?: api.GetRolesParams) => {
+  return useQuery({
+    queryKey: ["roles", params],
+    queryFn: () => api.getRoles(params),
+  });
+};
+
+export const useDeleteRole = () => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: api.deleteRole,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["roles"] });
+    },
+  });
+};

src/pages/roles/hooks/useRolesFilters.ts

@@ -0,0 +1,43 @@
+import { useState, useMemo } from 'react'
+import type { FilterValues } from '@/components/Filters'
+
+const DEFAULT_PAGE = 1
+const DEFAULT_LIMIT = 10
+
+export const useRolesFilters = () => {
+    const [filters, setFilters] = useState<FilterValues>({})
+    const [currentPage, setCurrentPage] = useState(DEFAULT_PAGE)
+    const [limit] = useState(DEFAULT_LIMIT)
+
+    const apiParams = useMemo(() => {
+        const params: Record<string, unknown> = {
+            page: currentPage,
+            limit: limit,
+        }
+
+        if (filters.search) {
+            params.search = filters.search
+        }
+
+        return params
+    }, [filters, currentPage, limit])
+
+    const handleFiltersChange = (newFilters: FilterValues) => {
+        setFilters(newFilters)
+        setCurrentPage(DEFAULT_PAGE)
+    }
+
+    const handlePageChange = (page: number) => {
+        setCurrentPage(page)
+    }
+
+    return {
+        filters,
+        currentPage,
+        apiParams,
+        handleFiltersChange,
+        handlePageChange,
+        limit,
+    }
+}
+