Merge pull request #200 from DevKor-github/fix/pick-page

feat: toast:

Author: jw0202058

src/features/my/components/MyTrade/index.tsx

@@ -2,6 +2,7 @@ import { cx } from '@styled-system/css';
 import * as s from './style.css';
 import { Link } from 'react-router';
 import { usePostLogout } from '../../apis/usePostLogout';
+import { useToast } from '@/common/hooks/useToast';
 
 interface MenuProps {
   Title: string;
@@ -11,6 +12,7 @@ interface MenuProps {
 
 const Menu = ({ Title, Icon, Addr }: MenuProps) => {
   const { mutate: postLogout } = usePostLogout();
+  const { openToast } = useToast();
 
   if (Title !== '로그아웃') {
     return (
@@ -28,7 +30,11 @@ const Menu = ({ Title, Icon, Addr }: MenuProps) => {
     <button
       className={s.GoMenu}
       onClick={() => {
-        postLogout();
+        postLogout(undefined, {
+          onSuccess: () => {
+            openToast({ message: '로그아웃 완료!' });
+          },
+        });
       }}
     >
       <div className={s.MenuContent}>

src/features/pickList/components/Btn/index.tsx

@@ -30,18 +30,14 @@ const Btn = ({ type, isReviewed, chatRoomId, appointmentId, nickname }: BtnProps
       return;
     }
     if (type === 'review') {
-      // 리뷰 작성 전일 때,
       if (!isReviewed) {
-        alert('리뷰 작성 페이지로 연결');
         navigate(`/review/${appointmentId}`, {
           state: {
             nickname: nickname,
           },
         });
         return;
       }
-      // 리뷰 작성 완료 동작
-      alert('리뷰 작성 완료');
     }
   };
 

src/features/pickList/components/PickItemList/style.css.ts

@@ -74,7 +74,7 @@ export const Footer = css({
   alignItems: 'center',
   justifyContent: 'flex-end',
   width: 'full',
-  gap: '0.25rem',
+  gap: '0.375rem',
 });
 
 export const Btn = cva({

src/pages/PickPage/index.tsx

@@ -38,12 +38,12 @@ const PickPage = () => {
       <MainTopBar />
       <div className={s.Section}>
         <div className={s.Type({ active: subject === 'OWNER' })} onClick={() => handleTabClick('OWNER')}>
-          내 게시물
+          받은 PICK
           {subject === 'OWNER' && <motion.div layoutId="underline" className={s.Underline} />}
         </div>
 
         <div className={s.Type({ active: subject === 'REQUESTER' })} onClick={() => handleTabClick('REQUESTER')}>
-          다른 게시물
+          보낸 PICK
           {subject === 'REQUESTER' && <motion.div layoutId="underline" className={s.Underline} />}
         </div>
       </div>

src/pages/ReviewPage/index.tsx

@@ -6,10 +6,12 @@ import { useState } from 'react';
 import Btn from '@/common/components/Button';
 import { usePostReview } from '@/features/review/apis/usePostReview';
 import ReviewContent from '@/features/review/components/reviewContent';
+import { useToast } from '@/common/hooks/useToast';
 
 const Review = () => {
   const navigate = useNavigate();
   const location = useLocation();
+  const { openToast } = useToast();
 
   const { mutate: postReview } = usePostReview();
   const { appointmentId } = useParams();
@@ -34,11 +36,11 @@ const Review = () => {
         },
         {
           onSuccess: () => {
+            openToast({ message: '후기 작성 완료!' });
             navigate(-1);
           },
         },
       );
-      alert('후기 작성 완료');
     }
   };