Access lists basics

frontend/src/hooks/index.ts

@@ -1,3 +1,4 @@
+export * from "./useAccessLists";
 export * from "./useCertificateAuthorities";
 export * from "./useCertificateAuthority";
 export * from "./useCertificates";

frontend/src/hooks/useAccessLists.ts

@@ -0,0 +1,41 @@
+import {
+	getAccessLists,
+	AccessListsResponse,
+	tableSortToAPI,
+	tableFiltersToAPI,
+} from "api/npm";
+import { useQuery } from "react-query";
+
+const fetchAccessLists = (
+	offset = 0,
+	limit = 10,
+	sortBy?: any,
+	filters?: any,
+) => {
+	return getAccessLists(
+		offset,
+		limit,
+		tableSortToAPI(sortBy),
+		tableFiltersToAPI(filters),
+	);
+};
+
+const useAccessLists = (
+	offset = 0,
+	limit = 10,
+	sortBy?: any,
+	filters?: any,
+	options = {},
+) => {
+	return useQuery<AccessListsResponse, Error>(
+		["access-lists", { offset, limit, sortBy, filters }],
+		() => fetchAccessLists(offset, limit, sortBy, filters),
+		{
+			keepPreviousData: true,
+			staleTime: 15 * 1000, // 15 seconds
+			...options,
+		},
+	);
+};
+
+export { useAccessLists };