Merge pull request #301 from boostcampwm-2024/dev-front

[FE] 간단한 리팩토링

Author: Hosung99

frontend/src/api/get/index.ts

@@ -1,4 +1,4 @@
-import { getGroupNames } from '@api/get';
+import { getGroupNames } from '@api/get/ProjectPage';
 import { useQuery } from '@tanstack/react-query';
 
 export default function useGroupNames(generation: string) {

frontend/src/hook/api/useGroupNames.ts

@@ -1,4 +1,4 @@
-import { getIsExistProject } from '@api/get';
+import { getIsExistProject } from '@api/get/ProjectPage';
 import { useQuery } from '@tanstack/react-query';
 
 export default function useIsExistGroup(project: string) {

frontend/src/hook/api/useIsExistGroup.ts

@@ -1,4 +1,4 @@
-import { getDAU } from '@api/get';
+import { getDAU } from '@api/get/ProjectPage';
 import { useSuspenseQuery } from '@tanstack/react-query';
 
 export default function useProjectDAU(project: string) {

frontend/src/hook/api/useProjectDAU.ts

@@ -1,4 +1,4 @@
-import { getElapsedTime } from '@api/get';
+import { getElapsedTime } from '@api/get/ProjectPage';
 import { useSuspenseQuery } from '@tanstack/react-query';
 
 export default function useProjectElapsedTime(project: string) {

frontend/src/hook/api/useProjectElapsedTime.ts

@@ -1,4 +1,4 @@
-import { getSuccessRate } from '@api/get';
+import { getSuccessRate } from '@api/get/ProjectPage';
 import { useSuspenseQuery } from '@tanstack/react-query';
 
 export default function useProjectSuccessRate(project: string) {

frontend/src/hook/api/useProjectSuccessRate.ts

@@ -1,4 +1,4 @@
-import { getTraffic } from '@api/get';
+import { getTraffic } from '@api/get/ProjectPage';
 import { useSuspenseQuery } from '@tanstack/react-query';
 
 export default function useProjectTraffic(project: string, dateType: string) {

frontend/src/hook/api/useProjectTraffic.ts

@@ -7,26 +7,35 @@ import {
 import { useSuspenseQuery } from '@tanstack/react-query';
 
 export default function useRankData(rankType: string, generation: string) {
+  const queryOptions = {
+    staleTime: 3600000,
+    gcTime: 86400000
+  };
+
   switch (rankType) {
     case 'traffic':
       return useSuspenseQuery({
         queryKey: ['rankingTraffic', rankType, generation],
-        queryFn: () => getRankingTraffic(generation)
+        queryFn: () => getRankingTraffic(generation),
+        ...queryOptions
       });
     case 'success-rate':
       return useSuspenseQuery({
         queryKey: ['rankingSuccessRate', rankType, generation],
-        queryFn: () => getRankingSuccessRate(generation)
+        queryFn: () => getRankingSuccessRate(generation),
+        ...queryOptions
       });
     case 'elapsed-time':
       return useSuspenseQuery({
         queryKey: ['rankingElapsedTime', rankType, generation],
-        queryFn: () => getRankingElapsedTime(generation)
+        queryFn: () => getRankingElapsedTime(generation),
+        ...queryOptions
       });
     case 'dau':
       return useSuspenseQuery({
         queryKey: ['rankingDAU', rankType, generation],
-        queryFn: () => getRankingDAU(generation)
+        queryFn: () => getRankingDAU(generation),
+        ...queryOptions
       });
     default:
       throw new Error('Invalid rank');

frontend/src/hook/api/useRankData.ts

@@ -1,4 +1,4 @@
-import { getRankings } from '@api/get';
+import { getRankings } from '@api/get/MainPage';
 import { useSuspenseQuery } from '@tanstack/react-query';
 
 export default function useRankings(generation: string) {

frontend/src/hook/api/useRankings.ts

@@ -1,4 +1,4 @@
-import { getTop5ResponseTime } from '@api/get';
+import { getTop5ResponseTime } from '@api/get/MainPage';
 import { useSuspenseQuery } from '@tanstack/react-query';
 
 export default function useTop5ResponseTime(generation: string) {

frontend/src/hook/api/useTop5ResponseTime.ts

@@ -1,4 +1,4 @@
-import { getTop5Traffic } from '@api/get';
+import { getTop5Traffic } from '@api/get/MainPage';
 import { useSuspenseQuery } from '@tanstack/react-query';
 
 export default function useTop5Traffic(generation: string) {

frontend/src/hook/api/useTop5Traffic.ts

@@ -4,7 +4,7 @@ import {
   getTotalResponseRate,
   getDailyDifferenceTraffic,
   getTotalElapsedTime
-} from '@api/get';
+} from '@api/get/MainPage';
 import { useSuspenseQuery } from '@tanstack/react-query';
 
 export default function useTotalDatas(generation: string) {

frontend/src/hook/api/useTotalDatas.ts

@@ -8,7 +8,7 @@ function useDarkMode(): [boolean, () => void] {
 
   const [dark, setDark] = useState<boolean>(localStorageChecker());
 
-  const darkSetButton = () => {
+  const toggleDarkMode = () => {
     setDark((state) => {
       const update = !state;
       if (update) {
@@ -31,7 +31,7 @@ function useDarkMode(): [boolean, () => void] {
     }
   }, [dark]);
 
-  return [dark, darkSetButton];
+  return [dark, toggleDarkMode];
 }
 
 export default useDarkMode;