feat: 에러 메세지 토스트로 출력

Author: halionaz

src/features/chatList/api/usePatchExit.ts

@@ -1,3 +1,4 @@
+import { useToast } from '@/common/hooks/useToast';
 import client from '@/common/utils/client';
 import { QUERY_KEYS } from '@/libs/queryKeys';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
@@ -17,16 +18,18 @@ const patchExit = async (chatRoomId: number) => {
 
 export const usePatchExit = () => {
   const queryClient = useQueryClient();
+  const { openToast } = useToast();
 
   return useMutation<ExitResponse, AxiosError<ExitResponse>, number, unknown>({
     mutationFn: (chatRoomId: number) => patchExit(chatRoomId),
     retry: 0,
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.CHAT_LIST] });
-      console.log('퇴장 성공');
+      openToast({ message: '채팅방에서 퇴장했어요' });
     },
-    onError: error => {
-      console.error('퇴장 실패', error);
+    onError: () => {
+      openToast({ message: '퇴장에 실패했어요. 다시 시도해주세요!' });
+      // console.error('퇴장 실패', error);
     },
   });
 };

src/features/myEdit/apis/usePutUser.ts

@@ -1,4 +1,5 @@
 import { s3PutImageToUrl } from '@/common/apis/s3PutImageToUrl';
+import { useToast } from '@/common/hooks/useToast';
 import client from '@/common/utils/client';
 import { QUERY_KEYS } from '@/libs/queryKeys';
 import type { Gender, UserInterface } from '@/libs/types/user';
@@ -31,14 +32,15 @@ const putUser = async ({ userData, fileData }: { userData: UserPayload; fileData
 
 export const usePutUser = () => {
   const queryClient = useQueryClient();
+  const { openToast } = useToast();
 
   return useMutation({
     mutationFn: putUser,
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.USER] });
     },
-    onError: error => {
-      console.error('유저 정보 수정 실패', error);
+    onError: () => {
+      openToast({ message: '유저 정보 수정에 실패했어요. 다시 시도해주세요!' });
     },
   });
 };

src/pages/EditPickPage/index.tsx

@@ -99,8 +99,8 @@ const EditPickPage = () => {
           onSuccess: () => {
             navigate(-1);
           },
-          onError: error => {
-            alert(error.message);
+          onError: () => {
+            openToast({ message: 'PICK 수정에 실패했어요. 다시 시도해주세요!' });
           },
         },
       );
@@ -120,8 +120,8 @@ const EditPickPage = () => {
         onSuccess: () => {
           navigate(-1);
         },
-        onError: error => {
-          alert(error.message);
+        onError: () => {
+          openToast({ message: 'PICK 수정에 실패했어요. 다시 시도해주세요!' });
         },
       },
     );

src/pages/PostPickPage/index.tsx

@@ -73,8 +73,8 @@ const PostPickPage = () => {
           onSuccess: response => {
             navigate(`/pick-detail/${response.currentAppointment.appointment.appointmentId}`, { replace: true });
           },
-          onError: error => {
-            alert(error.message);
+          onError: () => {
+            openToast({ message: 'PICK 생성에 실패했어요. 다시 시도해주세요!' });
           },
         },
       );
@@ -93,7 +93,9 @@ const PostPickPage = () => {
         onSuccess: response => {
           navigate(`/pick-detail/${response.currentAppointment.appointment.appointmentId}`, { replace: true });
         },
-        onError: error => alert(error.message),
+        onError: () => {
+          openToast({ message: 'PICK 생성에 실패했어요. 다시 시도해주세요!' });
+        },
       },
     );
   };