Might resolve velopert#40

Success message will not show when autosaved

Author: velopert

src/components/write/WriteFooter.tsx

@@ -23,7 +23,7 @@ const StyledButton = styled(Button)`
 `;
 
 export interface WriteFooterProps {
-  onTempSave: () => void;
+  onTempSave: (notify?: boolean) => void;
   onPublish: () => void;
   edit: boolean;
 }
@@ -35,7 +35,7 @@ const WriteFooter: React.FC<WriteFooterProps> = ({
 }) => {
   return (
     <WriteFooterBlock>
-      <StyledButton inline color="lightGray" onClick={onTempSave}>
+      <StyledButton inline color="lightGray" onClick={() => onTempSave(true)}>
         임시저장
       </StyledButton>
       <StyledButton inline color="teal" onClick={onPublish}>

src/containers/write/MarkdownEditorContainer.tsx

@@ -147,89 +147,93 @@ const MarkdownEditorContainer: React.FC<MarkdownEditorContainerProps> = () => {
     [s3Upload],
   );
 
-  const onTempSave = useCallback(async () => {
-    if (!title || !markdown) {
-      toast.error('제목 또는 내용이 비어있습니다.');
-      return;
-    }
+  const onTempSave = useCallback(
+    async (notify?: boolean) => {
+      if (!title || !markdown) {
+        toast.error('제목 또는 내용이 비어있습니다.');
+        return;
+      }
 
-    const notifySuccess = () => {
-      toast.success('포스트가 임시저장되었습니다.');
-    };
+      const notifySuccess = () => {
+        if (!notify) return;
+        toast.success('포스트가 임시저장되었습니다.');
+      };
 
-    if (!postId) {
-      const response = await writePost({
-        variables: {
-          title,
-          body: markdown,
-          tags: [],
-          is_markdown: true,
-          is_temp: true,
-          is_private: false,
-          url_slug: escapeForUrl(title),
-          thumbnail: null,
-          meta: {},
-          series_id: null,
-        },
-      });
-      if (!response || !response.data) return;
-      const { id } = response.data.writePost;
-      dispatch(setWritePostId(id));
-      history.replace(`/write?id=${id}`);
-      notifySuccess();
-      return;
-    }
-    // tempsaving unreleased post:
-    if (isTemp) {
-      await editPost({
+      if (!postId) {
+        const response = await writePost({
+          variables: {
+            title,
+            body: markdown,
+            tags: [],
+            is_markdown: true,
+            is_temp: true,
+            is_private: false,
+            url_slug: escapeForUrl(title),
+            thumbnail: null,
+            meta: {},
+            series_id: null,
+          },
+        });
+        if (!response || !response.data) return;
+        const { id } = response.data.writePost;
+        dispatch(setWritePostId(id));
+        history.replace(`/write?id=${id}`);
+        notifySuccess();
+        return;
+      }
+      // tempsaving unreleased post:
+      if (isTemp) {
+        await editPost({
+          variables: {
+            id: postId,
+            title,
+            body: markdown,
+            is_markdown: true,
+            is_temp: true,
+            is_private: false,
+            url_slug: escapeForUrl(title),
+            thumbnail: null,
+            meta: {},
+            series_id: null,
+            tags: [],
+          },
+        });
+        notifySuccess();
+        return;
+      }
+
+      // tempsaving released post:
+      // save only if something has been changed
+      if (shallowEqual(lastSavedData, { title, body: markdown })) {
+        return;
+      }
+      await createPostHistory({
         variables: {
-          id: postId,
+          post_id: postId,
           title,
           body: markdown,
           is_markdown: true,
-          is_temp: true,
-          is_private: false,
-          url_slug: escapeForUrl(title),
-          thumbnail: null,
-          meta: {},
-          series_id: null,
-          tags: [],
         },
       });
-      notifySuccess();
-      return;
-    }
-
-    // tempsaving released post:
-    // save only if something has been changed
-    if (shallowEqual(lastSavedData, { title, body: markdown })) {
-      return;
-    }
-    await createPostHistory({
-      variables: {
-        post_id: postId,
+      setLastSavedData({
         title,
         body: markdown,
-        is_markdown: true,
-      },
-    });
-    setLastSavedData({
+      });
+      notifySuccess();
+    },
+    [
+      createPostHistory,
+      dispatch,
+      editPost,
+      history,
+      isTemp,
+      lastSavedData,
+      markdown,
+      postId,
       title,
-      body: markdown,
-    });
-    notifySuccess();
-  }, [
-    createPostHistory,
-    dispatch,
-    editPost,
-    history,
-    isTemp,
-    lastSavedData,
-    markdown,
-    postId,
-    title,
-    writePost,
-  ]);
+      writePost,
+    ],
+  );
 
   useEffect(() => {
     const changed = !shallowEqual(lastSavedData, { title, body: markdown });