로그아웃 및 변경된 리스트 api에 대응한다. (SWYP-team-2th#163)

src/api/useGetVoteList.ts

@@ -3,6 +3,7 @@ import {
   useSuspenseInfiniteQuery,
   UseSuspenseInfiniteQueryOptions,
 } from '@tanstack/react-query';
+import { useParams } from 'react-router-dom';
 import { request } from './config';
 import { Pageable } from '@/types/pageable';
 
@@ -23,11 +24,13 @@ export function useGetMyVoteList(
     unknown
   >,
 ) {
+  const { userId } = useParams<{ userId: string }>();
+
   return useSuspenseInfiniteQuery<Pageable<Vote>>({
     queryFn: ({ pageParam = null }) =>
       request({
         method: 'GET',
-        url: '/posts/user/me',
+        url: `/posts/users/${userId}`,
         params: {
           cursor: pageParam,
           size: 10,
@@ -56,11 +59,13 @@ export function useGetParticipatedVoteList(
     unknown
   >,
 ) {
+  const { userId } = useParams<{ userId: string }>();
+
   return useSuspenseInfiniteQuery<Pageable<Vote>>({
     queryFn: ({ pageParam = null }) =>
       request({
         method: 'GET',
-        url: '/posts/user/voted',
+        url: `/posts/users/${userId}/voted`,
         params: {
           cursor: pageParam,
           size: 10,

src/api/usePostLogout.ts

@@ -0,0 +1,16 @@
+import { useMutation } from '@tanstack/react-query';
+import { request } from './config';
+
+export default function usePostLogout() {
+  return useMutation({
+    mutationFn: () =>
+      request({
+        method: 'POST',
+        url: '/auth/sign-out',
+      }),
+    onSuccess: () => {
+      localStorage.removeItem('accessToken');
+      window.location.href = '/onboarding';
+    },
+  });
+}

src/components/settings/LogoutDialog/LogoutDialog.tsx

@@ -1,6 +1,9 @@
+import usePostLogout from '@/api/usePostLogout';
 import Dialog from '@/components/common/Dialog';
 
 export default function LogoutDialog() {
+  const { mutate: postLogout } = usePostLogout();
+
   return (
     <Dialog
       title="잠깐! 뽀또들을 두고 떠나시려구요?😢"
@@ -10,8 +13,7 @@ export default function LogoutDialog() {
       }}
       confirmButtonProps={{
         text: '로그아웃',
-        // TODO: 로그아웃 기능 구현
-        onClick: () => {},
+        onClick: postLogout,
       }}
       showLaterButton={false}
     />