Merge pull request #5727 from bu3alwa/refactor-activity-dashboard

Refactor activity page to use react query requests

src/hooks/useLogEntries.tsx

@@ -0,0 +1,33 @@
+import type { ActivityLogApiGetLogEntriesRequest } from '@jellyfin/sdk/lib/generated-client';
+import type { AxiosRequestConfig } from 'axios';
+import { getActivityLogApi } from '@jellyfin/sdk/lib/utils/api/activity-log-api';
+import { useQuery } from '@tanstack/react-query';
+
+import { JellyfinApiContext, useApi } from './useApi';
+
+const fetchGetLogEntries = async (
+    currentApi: JellyfinApiContext,
+    requestParams: ActivityLogApiGetLogEntriesRequest,
+    options?: AxiosRequestConfig
+) => {
+    const { api } = currentApi;
+
+    if (!api) return;
+
+    const response = await getActivityLogApi(api).getLogEntries(requestParams, {
+        signal: options?.signal
+    });
+
+    return response.data;
+};
+
+export const useLogEntires = (
+    requestParams: ActivityLogApiGetLogEntriesRequest
+) => {
+    const currentApi = useApi();
+    return useQuery({
+        queryKey: ['LogEntries', requestParams],
+        queryFn: ({ signal }) =>
+            fetchGetLogEntries(currentApi, requestParams, { signal })
+    });
+};

src/hooks/useUsers.tsx

@@ -0,0 +1,31 @@
+import type { AxiosRequestConfig } from 'axios';
+import type { UserApiGetUsersRequest } from '@jellyfin/sdk/lib/generated-client';
+import { getUserApi } from '@jellyfin/sdk/lib/utils/api/user-api';
+import { useQuery } from '@tanstack/react-query';
+
+import { type JellyfinApiContext, useApi } from './useApi';
+
+export const fetchGetUsers = async (
+    currentApi: JellyfinApiContext,
+    requestParams?: UserApiGetUsersRequest,
+    options?: AxiosRequestConfig
+) => {
+    const { api } = currentApi;
+
+    if (!api) return;
+
+    const response = await getUserApi(api).getUsers(requestParams, {
+        signal: options?.signal
+    });
+
+    return response.data;
+};
+
+export const useUsers = (requestParams?: UserApiGetUsersRequest) => {
+    const currentApi = useApi();
+    return useQuery({
+        queryKey: ['Users'],
+        queryFn: ({ signal }) =>
+            fetchGetUsers(currentApi, requestParams, { signal })
+    });
+};