Refactor: useGetVote params 변경, 배경색 css 수정

src/apis/getGroupVote.ts

@@ -1,12 +1,10 @@
 // 투표 현황 조회 API
 import customedAxios from './customedAxios';
 
-export const getGroupVote = async (token: string, groupId: number) => {
+export const getGroupVote = async (groupId: number, userId: number) => {
   try {
     const res = await customedAxios.get(`/group/${groupId}/vote`, {
-      headers: {
-        Authorization: 'Bearer ' + token,
-      },
+      params: { user: userId },
     });
     return res.data;
   } catch (error) {

src/components/common/header/index.tsx

@@ -25,7 +25,7 @@ const Header = () => {
           <LogoComponent />
         </div>
         {token !== undefined && (
-          <div onClick={onClickLogout} className="font-normal font-Pretendard text-font_gray text-b2">
+          <div onClick={onClickLogout} className="font-normal font-Pretendard text-font_gray text-b2 cursor-pointer">
             로그아웃
           </div>
         )}

src/components/vote/detail/VoteProgressBar.tsx

@@ -1,14 +1,12 @@
 import { useGetGroupVote } from '@/hooks/useGetGroupVote';
-import api from '@/services/TokenService';
 import { groupIdAtom } from '@/states/groupIdAtom';
 import { useEffect, useState } from 'react';
 import { useRecoilValue } from 'recoil';
 
 // 투표율 표시를 위한 진행바
 const VoteProgressBar = ({ votes }: any) => {
-  const token = api.getToken();
   const group = useRecoilValue(groupIdAtom);
-  const response: any = useGetGroupVote(token, group.groupId);
+  const response: any = useGetGroupVote(group.groupId);
   const [votePeopleData, setVotePeopleData] = useState<any>();
   useEffect(() => {
     if (response.data?.message === '성공') setVotePeopleData(response.data?.data);

src/hooks/useGetGroupVote.ts

@@ -2,6 +2,6 @@ import { getGroupVote } from '@/apis/getGroupVote';
 import { GetVoteRes } from '@/types/VoteType';
 import { useQuery } from '@tanstack/react-query';
 
-export const useGetGroupVote = (token: string, groupId: number) => {
-  return useQuery<GetVoteRes>(['get-group-vote'], () => getGroupVote(token, groupId));
+export const useGetGroupVote = (groupId: number, userId: number = 0) => {
+  return useQuery<GetVoteRes>(['get-group-vote'], () => getGroupVote(groupId, userId));
 };

src/index.css

@@ -7,4 +7,8 @@
   src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/[email protected]/Pretendard-Regular.woff') format('woff');
   font-weight: normal;
   font-style: normal;
+}
+
+body {
+  background-color: white;
 }

src/pages/vote/[id].tsx

@@ -11,7 +11,7 @@ import NotFound from '../404';
 const VotePage = () => {
   const token = api.getToken();
   const group = useRecoilValue(groupIdAtom);
-  const { data: response, isLoading, isError } = useGetGroupVote(token, group.groupId);
+  const { data: response, isLoading, isError } = useGetGroupVote(group.groupId);
   const [voteData, setVoteData] = useState<any>(null);
 
   useEffect(() => {

src/pages/vote/detail/[id].tsx

@@ -36,7 +36,7 @@ const VoteDetailPage = () => {
   const groupAdminId = typeof window !== 'undefined' ? sessionStorage.getItem('adminId') : null;
   const [voteIds, setVoteIds] = useState<any>([]);
 
-  const response = useGetGroupVote(token, groupIdData.groupId);
+  const response = useGetGroupVote(groupIdData.groupId);
   const currentId = api.getEmail();
   const voteP: voteSelectPlaceData = {
     groupId: groupIdData.groupId,
@@ -80,8 +80,9 @@ const VoteDetailPage = () => {
   useEffect(() => {
     console.log('voteIDS... : ', voteIds);
   }, [voteIds]);
+
   //투표 참여 API react-query mutation
-  const postGroupVoteSelectMutation = useMutation((data: VoteSelectData) => postGroupVoteSelect(token, data), {
+  const postGroupVoteSelectMutation: any = useMutation((data: VoteSelectData) => postGroupVoteSelect(token, data), {
     onSuccess: () => {
       alert('투표 참여 완료!');
       location.reload();

src/pages/vote/wait/[id].tsx

@@ -17,12 +17,11 @@ import { useRecoilValue } from 'recoil';
 const VoteWaitPage = () => {
   const currentUserEmail = api.getEmail();
   const router = useRouter();
-  const token = api.getToken();
   const [voteData, setVoteData] = useState<VoteData>();
   const [groupData, setGroupData] = useState<ParticipationProps>();
   const [adminEmail, setAdminEmail] = useState<string | undefined>('');
   const group = useRecoilValue(groupIdAtom);
-  const response = useGetGroupVote(token, group.groupId);
+  const response = useGetGroupVote(group.groupId);
   const getGroup = useGetGroup(group.groupId);
   const [sumParticipant, setSumParticipant] = useState<number>(0);
   useEffect(() => {