From 0471b556cf851f495a098a050a7a8bbf3749c04b Mon Sep 17 00:00:00 2001
From: kypham <hongkyhvnh@gmail.com>
Date: Fri, 19 Sep 2025 10:07:55 +0700
Subject: [PATCH] Add stale time for fetching in settings-page

Signed-off-by: kypham <hongkyhvnh@gmail.com>
---
 web/src/components/settings-page/api-key/index.tsx   | 7 +++----
 web/src/components/settings-page/piped/index.tsx     | 4 ++--
 web/src/queries/api-keys/use-get-api-keys.tsx        | 6 ++++++
 web/src/queries/pipeds/use-get-breaking-changes.tsx  | 6 ++++++
 web/src/queries/pipeds/use-get-released-versions.tsx | 5 +++++
 web/src/queries/project/use-get-project.tsx          | 6 ++++++
 6 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/web/src/components/settings-page/api-key/index.tsx b/web/src/components/settings-page/api-key/index.tsx
index 9859f5e941..4a0a49a8e6 100644
--- a/web/src/components/settings-page/api-key/index.tsx
+++ b/web/src/components/settings-page/api-key/index.tsx
@@ -84,10 +84,9 @@ export const APIKeyPage: FC = memo(function APIKeyPage() {
   );
   const [generatedKey, setGeneratedKey] = useState<string | null>(null);
 
-  const { data: keys = [], isLoading: loading } = useGetApiKeys(
-    { enabled: true },
-    { retry: false }
-  );
+  const { data: keys = [], isLoading: loading } = useGetApiKeys({
+    enabled: true,
+  });
   const { addToast } = useToast();
 
   const { mutateAsync: generateApiKey } = useGenerateApiKey();
diff --git a/web/src/components/settings-page/piped/index.tsx b/web/src/components/settings-page/piped/index.tsx
index 48b3116925..707423ff6f 100644
--- a/web/src/components/settings-page/piped/index.tsx
+++ b/web/src/components/settings-page/piped/index.tsx
@@ -82,7 +82,7 @@ export const SettingsPipedPage: FC = memo(function SettingsPipedPage() {
 
   const { data: allPipeds } = useGetPipeds(
     { withStatus: true },
-    { refetchInterval: FETCH_INTERVAL }
+    { refetchInterval: FETCH_INTERVAL, retry: false, staleTime: FETCH_INTERVAL }
   );
 
   const { data: releasedVersions = [] } = useGetReleasedVersions({
@@ -91,7 +91,7 @@ export const SettingsPipedPage: FC = memo(function SettingsPipedPage() {
 
   const { data: breakingChangesNote } = useGetBreakingChanges(
     { projectId: projectDetail?.id ?? "" },
-    { enabled: !!projectDetail?.id, retry: false }
+    { enabled: !!projectDetail?.id }
   );
 
   const pipeds = useMemo(() => {
diff --git a/web/src/queries/api-keys/use-get-api-keys.tsx b/web/src/queries/api-keys/use-get-api-keys.tsx
index bd40b07681..6cc8162adf 100644
--- a/web/src/queries/api-keys/use-get-api-keys.tsx
+++ b/web/src/queries/api-keys/use-get-api-keys.tsx
@@ -16,6 +16,12 @@ export const useGetApiKeys = (
       const res = await APIKeysAPI.getAPIKeys({ options });
       return res.keysList;
     },
+    retry: false,
+    refetchOnMount: false,
+    refetchOnReconnect: false,
+    refetchOnWindowFocus: false,
+    staleTime: 120000, // 2 minutes
+    cacheTime: 300000, // 5 minutes
     ...queryOption,
   });
 };
diff --git a/web/src/queries/pipeds/use-get-breaking-changes.tsx b/web/src/queries/pipeds/use-get-breaking-changes.tsx
index 8c59cf0646..b61148f51c 100644
--- a/web/src/queries/pipeds/use-get-breaking-changes.tsx
+++ b/web/src/queries/pipeds/use-get-breaking-changes.tsx
@@ -17,6 +17,12 @@ export const useGetBreakingChanges = (
       });
       return notes;
     },
+    retry: false,
+    refetchOnMount: false,
+    refetchOnReconnect: false,
+    refetchOnWindowFocus: false,
+    staleTime: 120000, // 2 minutes
+    cacheTime: 300000, // 5 minutes
     ...queryOption,
   });
 };
diff --git a/web/src/queries/pipeds/use-get-released-versions.tsx b/web/src/queries/pipeds/use-get-released-versions.tsx
index 1668c7538e..5c33e143ca 100644
--- a/web/src/queries/pipeds/use-get-released-versions.tsx
+++ b/web/src/queries/pipeds/use-get-released-versions.tsx
@@ -14,6 +14,11 @@ export const useGetReleasedVersions = (
       const { versionsList } = await pipedsApi.listReleasedVersions();
       return versionsList;
     },
+    refetchOnMount: false,
+    refetchOnReconnect: false,
+    refetchOnWindowFocus: false,
+    staleTime: 120000, // 2 minutes
+    cacheTime: 300000, // 5 minutes
     ...queryOption,
   });
 };
diff --git a/web/src/queries/project/use-get-project.tsx b/web/src/queries/project/use-get-project.tsx
index 58124d26b7..1386672362 100644
--- a/web/src/queries/project/use-get-project.tsx
+++ b/web/src/queries/project/use-get-project.tsx
@@ -71,6 +71,12 @@ export const useGetProject = (
       userGroups: [],
       rbacRoles: [],
     },
+    retry: false,
+    refetchOnMount: false,
+    refetchOnReconnect: false,
+    refetchOnWindowFocus: false,
+    staleTime: 120000, // 2 minutes
+    cacheTime: 300000, // 5 minutes
     ...queryOption,
   });
 };