diff --git a/src/Apis/Recruitments/index.ts b/src/Apis/Recruitments/index.ts index 4ac9206..5cacdbd 100644 --- a/src/Apis/Recruitments/index.ts +++ b/src/Apis/Recruitments/index.ts @@ -79,6 +79,21 @@ export const useGetRecruitmentForm = ( }, enabled: false, }, + { + queryKey: ['getRecruitmentCount', searchRecruitmentFormQueryString], + queryFn: async () => { + const { winter_intern } = searchRecruitmentFormQueryString; + const winterIntern = + winter_intern !== null + ? `&winter_intern=${winter_intern}` + : ''; + const { data } = await instance.get<{ count: number }>( + `${router}/count?${winterIntern}` + ); + return data; + }, + enabled: false, + }, ]); }; @@ -167,15 +182,6 @@ export const useEditRecruitment = ( ); }; -/**모집의뢰서 총 개수 조회 */ -export const useRecruitmentCount = () => { - return useQuery(['RecruitmentCount'], async () => { - const { data } = await instance.get(`${router}/count`); - return data; - }); -}; - - export const useRecruitmentExcel = (options: MutationOptions) => { return useMutation(async () => { const { data } = await instance.get(`${router}/file`, { diff --git a/src/Components/RecruitmentForm/Table/index.tsx b/src/Components/RecruitmentForm/Table/index.tsx index 25cc311..c2bab97 100644 --- a/src/Components/RecruitmentForm/Table/index.tsx +++ b/src/Components/RecruitmentForm/Table/index.tsx @@ -5,12 +5,11 @@ import { useToastStore, } from '@team-return/design-system'; import * as _ from './style'; -import { useEffect, useState } from 'react'; +import { useState } from 'react'; import { RecruitmentFormResponse } from '../../../Apis/Recruitments/response'; import { Pagination } from '../../../Utils/Pagination'; import { useChangeRecruitmentsStatus, - useRecruitmentCount, useRecruitmentExcel, } from '../../../Apis/Recruitments/index'; import { companyStatus, companyType } from '../../../Utils/Translation'; @@ -25,6 +24,7 @@ interface PropsType { refetchRecruitmentForm: () => void; allSelectFormId: string[]; recruitmentFormIsLoading: boolean; + recreuitmentFromCount: number; } export function RecruitmentFormTable({ @@ -33,9 +33,9 @@ export function RecruitmentFormTable({ refetchRecruitmentForm, allSelectFormId, recruitmentFormIsLoading, + recreuitmentFromCount, }: PropsType) { const { append } = useToastStore(); - const { data: RecruitmentCountData } = useRecruitmentCount(); const { mutate: useRecruitmentExcelMutate } = useRecruitmentExcel({ onError: () => { append({ @@ -53,7 +53,6 @@ export function RecruitmentFormTable({ const dataLength = recruitmentForm?.recruitments.length; const [clickedData, setClickedData] = useState([]); const [changeStatus, setChangeStatus] = useState(''); - const [recruitmentCount, setRecruitmentCount] = useState(0); /** 지원서 상태를 변경하는 api를 호출합니다. */ const { mutate: changeStatusAPI, isLoading } = useChangeRecruitmentsStatus( @@ -79,12 +78,6 @@ export function RecruitmentFormTable({ } ); - useEffect(() => { - if (RecruitmentCountData) { - setRecruitmentCount(RecruitmentCountData.count); - } - }, [RecruitmentCountData]); - /** 전체 선택 & 전체 선택 해제를 하는 함수입니다. */ const checkAllBox = () => { if (searchInArray(allSelectFormId, clickedData).length === dataLength) { @@ -255,7 +248,7 @@ export function RecruitmentFormTable({ <_.Container> <_.BtnContentWrapper> <_.CountTitle> - 총 <_.CountContent>{recruitmentCount}개 + 총 <_.CountContent>{recreuitmentFromCount} <_.BtnWrapper>