fix: Flag cluster info stale time clearly

Author: dawsontoth

src/features/cluster/Scaling.tsx

@@ -11,7 +11,7 @@ import { getClusterInfoQueryOptions } from './queries/getClusterInfoQuery';
 export function Scaling() {
 	const { clusterId }: { organizationId: string; clusterId: string } = useParams({ strict: false });
 	const { data: cluster, isLoading: clusterIsLoading } = useQuery(
-		getClusterInfoQueryOptions(clusterId, 2000),
+		getClusterInfoQueryOptions(clusterId, 2_000),
 	);
 	const status = cluster?.status;
 	const clusterIsActive = useMemo(() => {

src/features/cluster/StartingUp.tsx

@@ -18,7 +18,7 @@ export function StartingUp() {
 	const router = useRouter();
 	const { clusterId }: { organizationId: string; clusterId: string } = useParams({ strict: false });
 	const { data: cluster, isLoading: clusterIsLoading } = useQuery(
-		getClusterInfoQueryOptions(clusterId, 2000),
+		getClusterInfoQueryOptions(clusterId, 2_000),
 	);
 
 	const status = cluster?.status;

src/features/cluster/queries/getClusterInfoQuery.ts

@@ -12,10 +12,11 @@ export function getClusterInfoQueryOptions(clusterId?: string | false, refetch?:
 		queryKey: [clusterId],
 		queryFn: () => getClusterInfo(clusterId as string),
 		retry: false,
+		staleTime: 1_900,
 		enabled: !!clusterId,
 		refetchInterval: refetch
 			? refetch === true
-				? 10000
+				? 10_000
 				: refetch
 			: undefined,
 	});

src/features/clusters/components/ClusterProgress.tsx

@@ -19,7 +19,7 @@ export function ClusterProgress({ cluster, forceProgressBarVisible }: {
 	const [showProgress, setShowProgress] = useState(forceProgressBarVisible || false);
 
 	const { data: clusterById } = useQuery(
-		getClusterInfoQueryOptions(showProgress && cluster.id, 2000),
+		getClusterInfoQueryOptions(showProgress && cluster.id, 2_000),
 	);
 
 	useEffect(function showProgressIfPendingOrUpdating() {