feat: Toast mutation에서 처리

nodak-v2 · Jul 16, 2024 · 4f666ca · 4f666ca
1 parent 069f628
commit 4f666ca
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 10 deletions.
diff --git a/src/apis/createPost.ts b/src/apis/createPost.ts
@@ -1,5 +1,7 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 
+import Toast from '@/src/components/Toast';
+
 import { api } from './core';
 
 export interface PostRequestBody {
@@ -26,10 +28,15 @@ export const useCreatePostAPI = () => {
   const queryClient = useQueryClient();
   const { mutateAsync } = useMutation({
     mutationFn: (data: PostRequestBody) => createPost(data),
-    onSuccess: () =>
+    onSuccess: () => {
       queryClient.invalidateQueries({
         queryKey: ['postList'],
-      }),
+      });
+      Toast.default('등록되었습니다.');
+    },
+    onError: () => {
+      Toast.default('등록에 실패했습니다.');
+    },
   });
 
   return mutateAsync;

diff --git a/src/apis/logout.ts b/src/apis/logout.ts
@@ -1,5 +1,7 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 
+import Toast from '@/src/components/Toast';
+
 import { api } from './core';
 
 const logout = () => {
@@ -13,7 +15,13 @@ export const useLogoutAPI = () => {
 
   const { mutateAsync } = useMutation({
     mutationFn: () => logout(),
-    onSuccess: () => queryClient.removeQueries(),
+    onSuccess: () => {
+      queryClient.removeQueries();
+      Toast.default('로그아웃 되었습니다.');
+    },
+    onError: () => {
+      Toast.default('로그아웃에 실패했습니다.');
+    },
   });
 
   return mutateAsync;

diff --git a/src/apis/postDetail.ts b/src/apis/postDetail.ts
@@ -4,6 +4,8 @@ import {
   useSuspenseQuery,
 } from '@tanstack/react-query';
 
+import Toast from '@/src/components/Toast';
+
 import { api } from './core';
 
 interface PostDetailBody {
@@ -48,6 +50,10 @@ export const useDeletePostDetailAPI = (postId: string) => {
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ['postList'] });
       queryClient.invalidateQueries({ queryKey: ['posts', postId] });
+      Toast.default('게시글이 삭제되었습니다.');
+    },
+    onError: () => {
+      Toast.default('게시글 삭제에 실패했습니다.');
     },
   });
 };
diff --git a/src/app/(post)/createPost/_components/PostForm/index.tsx b/src/app/(post)/createPost/_components/PostForm/index.tsx
@@ -12,7 +12,6 @@ import Selector from '@/src/components/Selector';
 import TextInput from '@/src/components/TextInput';
 import Textarea from '@/src/components/Textarea';
 import TimeInput from '@/src/components/TimeInput';
-import Toast from '@/src/components/Toast';
 
 import { formOptions } from './formSchema';
 import { useCreatePost } from './useCreatePost';
@@ -39,7 +38,6 @@ const PostForm = () => {
 
   const onSubmitPost = (data: PostRequestBody) => {
     createPost(data);
-    Toast.default('검색 되었습니다.');
     router.push('/');
   };
 

diff --git a/src/app/(post)/result/[postId]/_components/PostDetailNavMore/index.tsx b/src/app/(post)/result/[postId]/_components/PostDetailNavMore/index.tsx
@@ -8,7 +8,6 @@ import {
   useGetPostDetailAPI,
 } from '@/src/apis/postDetail';
 import ConfirmationModal from '@/src/components/Modal/ConfirmationModal';
-import Toast from '@/src/components/Toast';
 import TopBar from '@/src/components/Topbar';
 import useModal from '@/src/hooks/useModal';
 
@@ -24,7 +23,6 @@ const PostDetailNavMore = () => {
     await deletePost(undefined, {
       onSuccess: () => {
         router.push('/');
-        Toast.default('게시글이 삭제되었습니다.');
       },
     });
   };

diff --git a/src/app/users/profile/_components/Setting.tsx b/src/app/users/profile/_components/Setting.tsx
@@ -1,18 +1,15 @@
 import { useRouter } from 'next/navigation';
 
 import Icon from '@/src/components/Icon';
-import Toast from '@/src/components/Toast';
 
 import { useLogout } from '../hooks/useLogout';
 
 const Setting = () => {
   const logout = useLogout();
   const router = useRouter();
-
   const handleLogout = () => {
     logout();
     router.push('/');
-    Toast.default('로그아웃 되었습니다.');
   };
 
   return (