refactor: API 요청 함수 매개변수 구조 변경

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

Hide file tree

Showing 3 changed files with 22 additions and 9 deletions.
diff --git a/frontend/components/interview/Board.tsx b/frontend/components/interview/Board.tsx
@@ -37,7 +37,11 @@ const InterviewBoard = ({ generation }: InterviewBoardProps) => {
   const { data, isLoading } = useQuery({
     queryKey: ["allInterviewRecord", pageIndex, order, generation],
     queryFn: () =>
-      getInterviewRecordByPageWithOrder(+pageIndex, order, generation),
+      getInterviewRecordByPageWithOrder({
+        page: +pageIndex,
+        sortType: order,
+        year: generation,
+      }),
   });
 
   if (!data || isLoading) {

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

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