✨ Fetch tasks with server-based filtering (#1956)

Part-of: #1931 Reference-Url: konveyor/tackle2-hub#640 Signed-off-by: Radoslaw Szwajkowski <[email protected]>
konveyor · Jun 13, 2024 · c2f4f06 · c2f4f06
1 parent 460fded
commit c2f4f06
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 1 deletion.
diff --git a/client/src/app/api/rest.ts b/client/src/app/api/rest.ts
@@ -345,6 +345,9 @@ export function getTaskById(
 export const getTasks = () =>
   axios.get<Task[]>(TASKS).then((response) => response.data);
 
+export const getServerTasks = (params: HubRequestParams = {}) =>
+  getHubPaginatedResult<Task>(TASKS, params);
+
 export const deleteTask = (id: number) => axios.delete<Task>(`${TASKS}/${id}`);
 
 export const cancelTask = (id: number) =>

diff --git a/client/src/app/queries/tasks.ts b/client/src/app/queries/tasks.ts
@@ -1,7 +1,14 @@
 import { useMutation, useQuery } from "@tanstack/react-query";
 
-import { cancelTask, deleteTask, getTaskById, getTasks } from "@app/api/rest";
+import {
+  cancelTask,
+  deleteTask,
+  getServerTasks,
+  getTaskById,
+  getTasks,
+} from "@app/api/rest";
 import { universalComparator } from "@app/utils/utils";
+import { HubPaginatedResult, HubRequestParams, Task } from "@app/api/models";
 
 interface FetchTasksFilters {
   addon?: string;
@@ -50,6 +57,26 @@ export const useFetchTasks = (
   };
 };
 
+export const useServerTasks = (params: HubRequestParams = {}) => {
+  const { data, isLoading, error, refetch } = useQuery({
+    queryKey: [TasksQueryKey, params],
+    queryFn: async () => await getServerTasks(params),
+    onError: (error) => console.log("error, ", error),
+    keepPreviousData: true,
+  });
+
+  return {
+    result: {
+      data: data?.data,
+      total: data?.total ?? 0,
+      params: data?.params ?? params,
+    } as HubPaginatedResult<Task>,
+    isFetching: isLoading,
+    fetchError: error,
+    refetch,
+  };
+};
+
 export const useDeleteTaskMutation = (
   onSuccess: () => void,
   onError: (err: Error | null) => void