fix: duplicated image upload bug

Author: winverse

src/containers/write/MarkdownEditorContainer.tsx

@@ -214,6 +214,7 @@ const MarkdownEditorContainer: React.FC<MarkdownEditorContainerProps> = () => {
       if (shallowEqual(lastSavedData, { title, body: markdown })) {
         return;
       }
+
       if (postId) {
         await createPostHistory({
           variables: {
@@ -224,6 +225,7 @@ const MarkdownEditorContainer: React.FC<MarkdownEditorContainerProps> = () => {
           },
         });
       }
+
       setLastSavedData({
         title,
         body: markdown,
@@ -255,7 +257,6 @@ const MarkdownEditorContainer: React.FC<MarkdownEditorContainerProps> = () => {
   const uploadWithPostId = useCallback(
     async (file: File) => {
       if (!file) return;
-      if (writePostLoading || editPostLoading) return;
       let id = postIdRef.current;
       if (!id) {
         const title = titleRef.current || 'Temp Title';
@@ -291,7 +292,7 @@ const MarkdownEditorContainer: React.FC<MarkdownEditorContainerProps> = () => {
         toast.error('이미지 업로드 실패! 잠시 후 다시 시도하세요.');
       });
     },
-    [cfUpload, writePost, dispatch, history, writePostLoading, editPostLoading],
+    [cfUpload, writePost, dispatch, history],
   );
 
   const onDragDropUpload = useCallback(

src/containers/write/PublishPreviewContainer.tsx

@@ -114,7 +114,6 @@ const PublishPreviewContainer: React.FC<PublishPreviewContainerProps> = ({
 
   useEffect(() => {
     if (!file) return;
-    if (writePostLoading) return;
     uploadWithPostId(file);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [file, writePostLoading]);

src/lib/api/files.ts

@@ -35,9 +35,7 @@ export async function uploadImage(
       headers: {
         'Content-Type': 'multipart/form-data',
       },
-      onUploadProgress(e) {
-        console.log(e);
-      },
+      onUploadProgress(event) {},
     },
   );
 

src/lib/hooks/useUpload.tsx

@@ -11,8 +11,6 @@ const useUpload = () => {
       input.type = 'file';
       input.onchange = () => {
         clearTimeout(timeout);
-        console.log('onchange');
-        console.log(input.files);
         if (!input.files) return reject();
         const file = input.files[0];
         setFile(file);