Skip to content

Commit e4a285a

Browse files
committed
✨ feat:로그아웃시 메인페이지 리다이렉트
Issue Resolved: #
1 parent 7eb4032 commit e4a285a

File tree

1 file changed

+7
-3
lines changed

1 file changed

+7
-3
lines changed

front/src/components/Navbar/index.tsx

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Link } from 'react-router-dom';
1+
import { Link, useNavigate } from 'react-router-dom';
22

33
import { CustomError } from '@/api/axios.ts';
44
import { deleteReservation, getReservation } from '@/api/reservation.ts';
@@ -23,6 +23,7 @@ const RESERVATION_DELETE_MUTATION_KEY = ['reservation'];
2323

2424
export default function Navbar() {
2525
const { isLogin, userId, logout } = useAuthContext();
26+
const navigate = useNavigate();
2627
const queryClient = useQueryClient();
2728
const { data: reservations } = useQuery<Reservation[], CustomError>({
2829
queryKey: [`reservation`],
@@ -51,8 +52,11 @@ export default function Navbar() {
5152
const { mutate: requestLogout } = useMutation({
5253
mutationFn: postLogout,
5354
onSuccess: () => {
54-
if (logout) logout();
55-
toast.warning('로그아웃 되었습니다');
55+
if (logout) {
56+
logout();
57+
toast.warning('로그아웃 되었습니다');
58+
navigate('/', { replace: true });
59+
}
5660
},
5761
});
5862

0 commit comments

Comments
 (0)