Refactor : callback 구조 변경

potenday-project · Dec 4, 2023 · f5f9f0d · f5f9f0d
1 parent 9772f5a
commit f5f9f0d
Showing 1 changed file with 28 additions and 28 deletions.
diff --git a/client/src/app/(protectedRoute)/new-post/page.tsx b/client/src/app/(protectedRoute)/new-post/page.tsx
@@ -48,35 +48,35 @@ export default function NewpostPage() {
   const { mutateAsync: attachFileHandler } = useNewAttachMutation();
   const { mutateAsync: deletePostHandler } = useDeletePostMutation();
 
-  const submitHandler = useCallback(async () => {
-    setLoading(true);
-    let postNo;
-    try {
-      const { postNo: res } = await newPostHandler({
-        ...formValue,
-        alcoholNo,
-      });
-      postNo = res;
-      if (file) {
-        try {
-          await attachFileHandler({
-            file,
-            url: { pk: postNo, type: "POST" },
-          });
-        } catch {
-          deletePostHandler(postNo);
-          return;
+  const submitHandler = useCallback(
+    async (formValue: NewPostRequestInterface, file?: File) => {
+      setLoading(true);
+      let postNo;
+      try {
+        const { postNo: res } = await newPostHandler(formValue);
+        postNo = res;
+        if (file) {
+          try {
+            await attachFileHandler({
+              file,
+              url: { pk: postNo, type: "POST" },
+            });
+          } catch {
+            deletePostHandler(postNo);
+            return;
+          }
         }
+        invalidatePreviousPost();
+        SetIsSuccess(true);
+        router.push(HOME);
+      } catch {
+        return;
+      } finally {
+        setLoading(false);
       }
-      invalidatePreviousPost();
-      SetIsSuccess(true);
-      router.push(HOME);
-    } catch {
-      return;
-    } finally {
-      setLoading(false);
-    }
-  }, [formValue, alcoholNo, router, file]);
+    },
+    [router]
+  );
 
   return (
     <Paper>
@@ -85,7 +85,7 @@ export default function NewpostPage() {
         title="포스팅"
         appendButton="공유"
         disableAppend={isSuccess}
-        onClickAppend={submitHandler}
+        onClickAppend={()=>submitHandler({...formValue,alcoholNo},file)}
       />
 
       <Container sx={{ p: { xs: 0, sm: 4 } }} maxWidth={"lg"}>