Feat: #135 일정 파일 목록 조회 API React Query 처리 추가

GU-99 · Sep 18, 2024 · d467b1e · d467b1e
1 parent bc7588d
commit d467b1e
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 2 deletions.
diff --git a/src/hooks/query/useTaskQuery.ts b/src/hooks/query/useTaskQuery.ts
@@ -1,5 +1,5 @@
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { createTask, findAssignees, findTaskList, updateTaskOrder } from '@services/taskService';
+import { createTask, findAssignees, findTaskFiles, findTaskList, updateTaskOrder } from '@services/taskService';
 import useToast from '@hooks/useToast';
 
 import type { Task, TaskForm, TaskListWithStatus, TaskOrder } from '@/types/TaskType';
@@ -89,7 +89,7 @@ export function useUpdateTasksOrder(projectId: Project['projectId']) {
 // 일정 수행자 목록 조회
 export function useReadAssignees(projectId: Project['projectId'], taskId: Task['taskId']) {
   const {
-    data: assigneeList,
+    data: assigneeList = [],
     isLoading: isAssigneeLoading,
     error: assigneeError,
     isError: isAssigneeError,
@@ -103,3 +103,20 @@ export function useReadAssignees(projectId: Project['projectId'], taskId: Task['
 
   return { assigneeList, isAssigneeLoading, assigneeError, isAssigneeError };
 }
+
+// 일정 파일 목록 조회
+export function useReadTaskFiles(projectId: Project['projectId'], taskId: Task['taskId']) {
+  const {
+    data: taskFileList = [],
+    isLoading: isTaskFileLoading,
+    error: taskFileError,
+    isError: isTaskFileError,
+  } = useQuery({
+    queryKey: ['projects', projectId, 'tasks', taskId, 'files'],
+    queryFn: async () => {
+      const { data } = await findTaskFiles(projectId, taskId);
+      return data;
+    },
+  });
+  return { taskFileList, isTaskFileLoading, taskFileError, isTaskFileError };
+}
diff --git a/src/services/taskService.ts b/src/services/taskService.ts
@@ -1,6 +1,7 @@
 import { authAxios } from '@services/axiosProvider';
 
 import type { AxiosRequestConfig } from 'axios';
+import type { TaskFile } from '@/types/FileType';
 import type { Project } from '@/types/ProjectType';
 import type { Assignee } from '@/types/AssigneeType';
 import type { Task, TaskForm, TaskListWithStatus, TaskOrderForm } from '@/types/TaskType';
@@ -66,3 +67,21 @@ export async function findAssignees(
 ) {
   return authAxios.get<Assignee[]>(`/project/${projectId}/task/${taskId}/taskuser`, axiosConfig);
 }
+
+/**
+ * 일정 파일 목록 조회 API
+ *
+ * @export
+ * @async
+ * @param {Project['projectId']} projectId      - 프로젝트 ID
+ * @param {Task['taskId']} taskId               - 일정 ID
+ * @param {AxiosRequestConfig} [axiosConfig={}] - axios 요청 옵션 설정 객체
+ * @returns {Promise<AxiosResponse<TaskFile[]>>}
+ */
+export async function findTaskFiles(
+  projectId: Project['projectId'],
+  taskId: Task['taskId'],
+  axiosConfig: AxiosRequestConfig = {},
+) {
+  return authAxios.get<TaskFile[]>(`/project/${projectId}/task/${taskId}/attachment`, axiosConfig);
+}