feat: 크루 가입 수락/거절 요청에 대한 토스트 구현

Java-and-Script · Nov 28, 2023 · 8a6bd1f · 8a6bd1f
1 parent 1386aa8
commit 8a6bd1f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/src/hooks/mutations/useAllowCrewParticipateMutation.ts b/src/hooks/mutations/useAllowCrewParticipateMutation.ts
@@ -1,3 +1,5 @@
+import toast from 'react-hot-toast';
+
 import { useMutation } from '@tanstack/react-query';
 import { useQueryClient } from '@tanstack/react-query';
 
@@ -9,11 +11,16 @@ export const useAllowCrewParticipateMutation = () => {
   return useMutation({
     mutationFn: patchCrewParticipate,
     onSuccess: (_, variables) => {
+      toast.success('크루 가입을 수락했습니다.');
+
       const { crewId } = variables;
 
       queryClient.invalidateQueries({
         queryKey: ['crew-members', crewId, '대기'],
       });
     },
+    onError: () => {
+      toast.error('크루 가입를 수락하지 못 했습니다. 다시 한 번 시도해주세요.');
+    },
   });
 };
diff --git a/src/hooks/mutations/useDisallowCrewParticipateMutation.ts b/src/hooks/mutations/useDisallowCrewParticipateMutation.ts
@@ -1,3 +1,5 @@
+import toast from 'react-hot-toast';
+
 import { useMutation } from '@tanstack/react-query';
 import { useQueryClient } from '@tanstack/react-query';
 
@@ -9,11 +11,16 @@ export const useDisallowCrewParticipateMutation = () => {
   return useMutation({
     mutationFn: deleteCrewParticipate,
     onSuccess: (_, variables) => {
+      toast.success('크루 가입을 거절했습니다.');
+
       const { crewId } = variables;
 
       queryClient.invalidateQueries({
         queryKey: ['crew-members', crewId, '대기'],
       });
     },
+    onError: () => {
+      toast.error('크루 가입를 거절하지 못 했습니다. 다시 한 번 시도해주세요.');
+    },
   });
 };