Feat: #115 파일 업로드 성공은 묶어서, 실패는 개별 메세지 노출로 변경

GU-99 · Sep 27, 2024 · ae1299d · ae1299d
1 parent 613775b
commit ae1299d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 10 deletions.
diff --git a/src/components/modal/task/CreateModalTask.tsx b/src/components/modal/task/CreateModalTask.tsx
@@ -56,15 +56,7 @@ export default function CreateModalTask({ project, onClose: handleClose }: Creat
         else rejectedFileList.push(result);
       });
 
-    if (fulfilledFileList.length > 0) {
-      const fulfilledFilesName = fulfilledFileList.map((result) => result.file.name).join(', ');
-      toastSuccess(`${fulfilledFilesName} 파일 업로드에 성공했습니다.`);
-    }
-
-    if (rejectedFileList.length > 0) {
-      const rejectedFilesName = rejectedFileList.map((result) => result.file.name).join(', ');
-      toastError(`${rejectedFilesName} 파일 업로드에 실패했습니다.`);
-    }
+    if (fulfilledFileList.length > 0) toastSuccess(`${fulfilledFileList.length}개의 파일 업로드에 성공했습니다.`);
   };
 
   const handleSubmit: SubmitHandler<TaskForm> = async (taskFormData) => {

diff --git a/src/hooks/query/useTaskQuery.ts b/src/hooks/query/useTaskQuery.ts
@@ -18,7 +18,6 @@ import type { Project } from '@/types/ProjectType';
 import type {
   Task,
   TaskCreationForm,
-  TaskFilesForm,
   TaskListWithStatus,
   TaskOrder,
   TaskUpdateForm,
@@ -57,11 +56,13 @@ export function useCreateStatusTask(projectId: Project['projectId']) {
 
 // 일정 단일 파일 업로드
 export function useUploadTaskFile(projectId: Project['projectId']) {
+  const { toastError } = useToast();
   const mutation = useMutation({
     mutationFn: ({ taskId, file }: TaskUploadForm) =>
       uploadTaskFile(projectId, taskId, file, {
         headers: { 'Content-Type': 'multipart/form-data' },
       }),
+    onError: (error, { file }) => toastError(`${file.name} 파일 업로드에 실패 했습니다.`),
   });
 
   return mutation;