refactor: 내 면접 이력에 테이블 로딩 기능 추가

Invincible-Backend-Study · Jul 4, 2024 · 1d9c159 · 1d9c159
1 parent 5ba30d7
commit 1d9c159
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/frontend/src/components/InterviewHistoryTable/InterviewHistoryTable.tsx b/frontend/src/components/InterviewHistoryTable/InterviewHistoryTable.tsx
@@ -38,7 +38,6 @@ const statusDisplay: Record<InterviewState, string> = {
 
 const InterviewHistoryTable = () => {
 
-
   const [page, setPage] = useState(1);
   const {data, totalPages, refetch, isLoading} = useMyInterviewQuery(page);
   const navigate = useNavigate();

diff --git a/frontend/src/hooks/api/interview/useMyInterviewQuery.ts b/frontend/src/hooks/api/interview/useMyInterviewQuery.ts
@@ -7,7 +7,7 @@ const size = 10;
 
 export const useMyInterviewQuery = (page: number) => {
 
-  const {data, refetch, isLoading} = useQuery({
+  const {data, refetch, isLoading, isRefetching} = useQuery({
     queryKey: ['my interview'],
     queryFn: () => myInterview({page: page - 1, size}),
     placeholderData: keepPreviousData,
@@ -19,6 +19,6 @@ export const useMyInterviewQuery = (page: number) => {
     totalPages: data?.totalPages,
     data: data?.content,
     refetch,
-    isLoading
+    isLoading: isLoading || isRefetching
   }
 }