🔨 Partial 사용해서 폼 수정할 경우에는 RequestCreateMogacoDto 타입을 전부 optional로 받을 …

…수 있도록 수정
boostcampwm2023 · Nov 29, 2023 · f0bcfa0 · f0bcfa0
1 parent 2ab4d97
commit f0bcfa0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/app/frontend/src/queries/hooks/post.ts b/app/frontend/src/queries/hooks/post.ts
@@ -7,10 +7,14 @@ import { mogaco } from '@/services';
 export const useSubmitEdit = () => {
   const queryClient = useQueryClient();
 
-  // TODO: RequestCreateMogacoDto optional로 변경해야 하지 않을까?
   return useMutation({
-    mutationFn: ({ id, form }: { id: string; form: RequestCreateMogacoDto }) =>
-      mogaco.edit(id, form),
+    mutationFn: ({
+      id,
+      form,
+    }: {
+      id: string;
+      form: Partial<RequestCreateMogacoDto>;
+    }) => mogaco.edit(id, form),
     onSuccess: () => {
       queryClient.invalidateQueries({
         queryKey: queryKeys.mogaco.list().queryKey,

diff --git a/app/frontend/src/services/mogaco.ts b/app/frontend/src/services/mogaco.ts
@@ -28,8 +28,7 @@ export const mogaco = {
   },
   post: async (form: RequestCreateMogacoDto) =>
     morakAPI.post(mogaco.endPoint.index, form),
-  // TODO: RequestCreateMogacoDto optional로 변경해야 하지 않을까?
-  edit: async (id: string, form: RequestCreateMogacoDto) =>
+  edit: async (id: string, form: Partial<RequestCreateMogacoDto>) =>
     morakAPI.patch(`${mogaco.endPoint.index}/${id}`, form),
   delete: async (id: string) => {
     const response = await morakAPI.delete(`${mogaco.endPoint.index}/${id}`);