Merge pull request velopert#573 from velopert/fix/series-remove

시리즈 삭제 UE 개선

Author: winverse

src/containers/velog/SeriesPosts.tsx

@@ -40,31 +40,45 @@ 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 { data } = useQuery<GetSeriesResponse>(GET_SERIES, {
     variables: {
       username,
       url_slug: urlSlug,
     },
     fetchPolicy: 'cache-and-network',
+    skip: isSkip,
   });
 
   const client = useApolloClient();
 
   const onAskRemove = () => setAskRemove(true);
   const onConfirmRemove = async () => {
     try {
+      setIsSkip(true);
+      setAskRemove(false);
+
+      if (!data?.series?.id) {
+        throw new Error('Series ID is not available');
+      }
+
       await removeSeries({
         variables: {
-          id: data?.series?.id,
+          id: data.series.id,
         },
       });
 
       await client.resetStore();
 
-      const redirect = `${process.env
-        .REACT_APP_CLIENT_V3_HOST!}/@${username}/series`;
-      window.location.href = redirect;
+      toast.success('시리즈가 성공적으로 삭제되었습니다.', {
+        autoClose: 800,
+        onClose: () => {
+          const redirect = `${process.env
+            .REACT_APP_CLIENT_V3_HOST!}/@${username}/series`;
+          window.location.href = redirect;
+        },
+      });
     } catch (e) {
       toast.error('시리즈 삭제 실패');
     }