feat: 면접자 조회 API 쿼리 파라미터 추가

JNU-econovation · Sep 10, 2024 · 8a22e05 · 8a22e05
1 parent d32ae1b
commit 8a22e05
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 8 deletions.
diff --git a/frontend/app/(WithNavbar)/interview/[generation]/page.tsx b/frontend/app/(WithNavbar)/interview/[generation]/page.tsx
@@ -17,7 +17,7 @@ const InterviewPage = ({ params: { generation } }: InterviewPageProps) => {
         <Search />
         <SortList sortList={ORDER_MENU.INTERVIEW} />
       </div>
-      <InterviewBoard />
+      <InterviewBoard generation={generation} />
       <InterviewPageNavbar generation={generation} />
     </div>
   );

diff --git a/frontend/components/interview/Board.tsx b/frontend/components/interview/Board.tsx
@@ -11,7 +11,11 @@ import { getInterviewRecordByPageWithOrder } from "@/src/apis/interview";
 import { ORDER_MENU } from "@/src/constants";
 import { useSearchQuery } from "@/src/hooks/useSearchQuery";
 
-const InterviewBoard = () => {
+interface InterviewBoardProps {
+  generation: string;
+}
+
+const InterviewBoard = ({ generation }: InterviewBoardProps) => {
   const [applicantId, setApplicantId] = useAtom(interViewApplicantIdState);
   const searchParams = useSearchParams();
   const pageIndex = searchParams.get("page") || "1";
@@ -31,8 +35,9 @@ const InterviewBoard = () => {
   };
 
   const { data, isLoading } = useQuery({
-    queryKey: ["allInterviewRecord", pageIndex, order],
-    queryFn: () => getInterviewRecordByPageWithOrder(+pageIndex, order),
+    queryKey: ["allInterviewRecord", pageIndex, order, generation],
+    queryFn: () =>
+      getInterviewRecordByPageWithOrder(+pageIndex, order, generation),
   });
 
   if (!data || isLoading) {

diff --git a/frontend/components/interview/PageNavbar.tsx b/frontend/components/interview/PageNavbar.tsx
@@ -29,8 +29,8 @@ const InterviewPageNavbar = ({ generation }: InterviewPageNavbarProps) => {
     isLoading,
     isError,
   } = useQuery(
-    ["allApplicant", generation],
-    () => getInterviewRecordByPageWithOrder(+pageIndex, order),
+    ["allApplicant", order, generation],
+    () => getInterviewRecordByPageWithOrder(+pageIndex, order, generation),
     {
       enabled: !!generation,
     }

diff --git a/frontend/src/apis/interview/index.ts b/frontend/src/apis/interview/index.ts
@@ -21,12 +21,14 @@ interface RecordsByPageRes {
 
 export const getInterviewRecordByPageWithOrder = async (
   page: number,
-  order: string
+  order: string,
+  year: string
 ) => {
+  const sq = new URLSearchParams({ sortType: order, year });
   const {
     data: { records, pageInfo },
   } = await https.get<RecordsByPageRes>(
-    `/page/${page}/records?sortType=${order}`
+    `/page/${page}/records?${sq.toString()}`
   );
 
   return {