Migrate query/organizations.ts to use @app/client (#144)

Signed-off-by: Hiram Chirino <[email protected]>

client/src/app/queries/organizations.ts

@@ -1,42 +1,45 @@
 import { useQuery } from "@tanstack/react-query";
-import { AxiosError } from "axios";
 
 import { HubRequestParams } from "@app/api/models";
-import { getOrganizationById, getOrganizations } from "@app/api/rest";
+import { convertQuery, dataOf } from "./dataOf";
+import { getOrganization, listOrganizations } from "../client";
+import { client } from "../axios-config/apiInit";
+import { requestParamsQuery } from "../hooks/table-controls";
 
 export const OrganizationsQueryKey = "organizations";
 
 export const useFetchOrganizations = (
   params: HubRequestParams = {},
   refetchDisabled: boolean = false
 ) => {
-  const { data, isLoading, error, refetch } = useQuery({
+  const query = useQuery({
     queryKey: [OrganizationsQueryKey, params],
-    queryFn: () => getOrganizations(params),
+    queryFn: () =>
+      dataOf(
+        listOrganizations({
+          client,
+          query: { ...requestParamsQuery(params) },
+        })
+      ),
     refetchInterval: !refetchDisabled ? 5000 : false,
   });
   return {
+    ...convertQuery(query),
     result: {
-      data: data?.data || [],
-      total: data?.total ?? 0,
-      params: data?.params ?? params,
+      data: query.data?.items || [],
+      total: query.data?.total ?? 0,
+      params: params,
     },
-    isFetching: isLoading,
-    fetchError: error,
-    refetch,
   };
 };
 
-export const useFetchOrganizationById = (id: number | string) => {
-  const { data, isLoading, error } = useQuery({
+export const useFetchOrganizationById = (id: string) => {
+  const query = useQuery({
     queryKey: [OrganizationsQueryKey, id],
-    queryFn: () => getOrganizationById(id),
-    enabled: id !== undefined,
+    queryFn: () => dataOf(getOrganization({ client, path: { id } })),
   });
-
   return {
-    organization: data,
-    isFetching: isLoading,
-    fetchError: error as AxiosError,
+    ...convertQuery(query),
+    organization: query.data,
   };
 };