Merge pull request #6565 from viown/react-tasks-edit

Migrate tasks edit page to react

src/apps/dashboard/features/tasks/api/useTask.ts

@@ -0,0 +1,29 @@
+import type { ScheduledTasksApiGetTaskRequest } from '@jellyfin/sdk/lib/generated-client/api/scheduled-tasks-api';
+import type { AxiosRequestConfig } from 'axios';
+import type { Api } from '@jellyfin/sdk';
+import { getScheduledTasksApi } from '@jellyfin/sdk/lib/utils/api/scheduled-tasks-api';
+import { useQuery } from '@tanstack/react-query';
+
+import { useApi } from 'hooks/useApi';
+import { QUERY_KEY } from './useTasks';
+
+const fetchTask = async (
+    api: Api,
+    params: ScheduledTasksApiGetTaskRequest,
+    options?: AxiosRequestConfig
+) => {
+    const response = await getScheduledTasksApi(api).getTask(params, options);
+
+    return response.data;
+};
+
+export const useTask = (params: ScheduledTasksApiGetTaskRequest) => {
+    const { api } = useApi();
+
+    return useQuery({
+        queryKey: [ QUERY_KEY, params.taskId ],
+        queryFn: ({ signal }) =>
+            fetchTask(api!, params, { signal }),
+        enabled: !!api
+    });
+};

src/apps/dashboard/features/scheduledtasks/api/useTasks.ts → src/apps/dashboard/features/tasks/api/useTasks.ts

@@ -22,7 +22,7 @@ export const useTasks = (params?: ScheduledTasksApiGetTasksRequest) => {
     const { api } = useApi();
 
     return useQuery({
-        queryKey: [QUERY_KEY],
+        queryKey: [ QUERY_KEY ],
         queryFn: ({ signal }) =>
             fetchTasks(api!, params, { signal }),
         enabled: !!api

src/apps/dashboard/features/tasks/api/useUpdateTask.ts

@@ -0,0 +1,22 @@
+import { ScheduledTasksApiUpdateTaskRequest } from '@jellyfin/sdk/lib/generated-client/api/scheduled-tasks-api';
+import { getScheduledTasksApi } from '@jellyfin/sdk/lib/utils/api/scheduled-tasks-api';
+import { useMutation } from '@tanstack/react-query';
+import { useApi } from 'hooks/useApi';
+import { queryClient } from 'utils/query/queryClient';
+import { QUERY_KEY } from './useTasks';
+
+export const useUpdateTask = () => {
+    const { api } = useApi();
+
+    return useMutation({
+        mutationFn: (params: ScheduledTasksApiUpdateTaskRequest) => (
+            getScheduledTasksApi(api!)
+                .updateTask(params)
+        ),
+        onSuccess: (_data, params) => {
+            void queryClient.invalidateQueries({
+                queryKey: [ QUERY_KEY, params.taskId ]
+            });
+        }
+    });
+};