fix: improve experience for remove post

Author: winverse

src/components/post/PostHead.tsx

@@ -176,6 +176,7 @@ const PostHead: React.FC<PostHeadProps> = ({
     toggleAskRemove();
     onRemove();
   };
+
   return (
     <PostHeadBlock>
       <div className="head-wrapper">

src/containers/post/PostViewer.tsx

@@ -101,6 +101,7 @@ const PostViewer: React.FC<PostViewerProps> = ({
   );
   const prefetched = useRef(false);
 
+  const [isRemoveLoading, setIsRemoveLoading] = useState(false);
   const [removePost] = useMutation(REMOVE_POST);
   const [postView] = useMutation(POST_VIEW);
   const [likePost, { loading: loadingLike }] = useMutation(LIKE_POST);
@@ -252,15 +253,27 @@ const PostViewer: React.FC<PostViewerProps> = ({
 
   const onRemove = async () => {
     if (!data || !data.post) return;
+    setIsRemoveLoading(true);
     try {
       await removePost({
         variables: {
           id: data.post.id,
         },
       });
-      history.push('/');
-      await client.resetStore();
-    } catch (e) {}
+
+      toast.success('게시글이 성공적으로 삭제되었습니다.', {
+        autoClose: 800,
+        onClose: () => {
+          const redirect = `${process.env
+            .REACT_APP_CLIENT_V3_HOST!}/@${username}/posts`;
+          window.location.href = redirect;
+        },
+      });
+    } catch (e) {
+      toast.error('게시글 삭제 실패');
+      console.error('Post deletion failed:', e);
+      setIsRemoveLoading(false);
+    }
   };
 
   if (error) {
@@ -377,7 +390,7 @@ const PostViewer: React.FC<PostViewerProps> = ({
     }
   };
 
-  if (!data || !data.post) return <PostSkeleton />;
+  if (!data || !data.post || isRemoveLoading) return <PostSkeleton />;
 
   const { post } = data;
 

src/containers/velog/SeriesPosts.tsx

@@ -40,23 +40,22 @@ const SeriesPosts: React.FC<SeriesPostsProps> = ({ username, urlSlug }) => {
   const user = useUser();
   const isOwnSeries = user && user.username === username;
   const [askRemove, setAskRemove] = useState(false);
-  const [isSkip, setIsSkip] = useState(false);
-  const [removeSeries] = useMutation(REMOVE_SERIES);
+  const [removeSeries, { loading: isRemoveSeriesLoading }] =
+    useMutation(REMOVE_SERIES);
   const { data } = useQuery<GetSeriesResponse>(GET_SERIES, {
     variables: {
       username,
       url_slug: urlSlug,
     },
     fetchPolicy: 'cache-and-network',
-    skip: isSkip,
+    skip: isRemoveSeriesLoading,
   });
 
   const client = useApolloClient();
 
   const onAskRemove = () => setAskRemove(true);
   const onConfirmRemove = async () => {
     try {
-      setIsSkip(true);
       setAskRemove(false);
 
       if (!data?.series?.id) {
@@ -81,6 +80,7 @@ const SeriesPosts: React.FC<SeriesPostsProps> = ({ username, urlSlug }) => {
       });
     } catch (e) {
       toast.error('시리즈 삭제 실패');
+      console.error('Series deletion failed:', e);
     }
   };