From 6e724eb13e363d9d242e1e2a2bfcf037da0d50d1 Mon Sep 17 00:00:00 2001 From: Mason Woodford <63433735+masonwoodford@users.noreply.github.com> Date: Fri, 10 May 2024 20:34:28 -0700 Subject: [PATCH] fixes #348 --- frontend/src/lib/constants.ts | 4 ++++ frontend/src/lib/hooks/api/schemas.ts | 2 ++ frontend/src/lib/hooks/api/topics.ts | 5 +++-- 3 files changed, 9 insertions(+), 2 deletions(-) diff --git a/frontend/src/lib/constants.ts b/frontend/src/lib/constants.ts index 102b79faa..265f8288f 100644 --- a/frontend/src/lib/constants.ts +++ b/frontend/src/lib/constants.ts @@ -73,6 +73,10 @@ export const QUERY_REFETCH_OFF_OPTIONS = { refetchIntervalInBackground: false, }; +export const QUERY_REFETCH_ON_WINDOW_FOCUS_OFF_OPTION = { + refetchOnWindowFocus: false, +}; + // Cluster Form Constants export const AUTH_OPTIONS = [ { value: 'SASL/JAAS', label: 'SASL/JAAS' }, diff --git a/frontend/src/lib/hooks/api/schemas.ts b/frontend/src/lib/hooks/api/schemas.ts index 7082d180a..fb4bf3169 100644 --- a/frontend/src/lib/hooks/api/schemas.ts +++ b/frontend/src/lib/hooks/api/schemas.ts @@ -5,6 +5,7 @@ import { SCHEMA_QUERY_KEY, SCHEMAS_VERSION_QUERY_KEY, } from 'lib/queries'; +import { QUERY_REFETCH_ON_WINDOW_FOCUS_OFF_OPTION } from 'lib/constants'; import { CompatibilityLevel, GetAllVersionsBySubjectRequest, @@ -28,6 +29,7 @@ export function useGetLatestSchema(param: GetLatestSchemaRequest) { param.subject, ], queryFn: () => schemasApiClient.getLatestSchema(param), + ...QUERY_REFETCH_ON_WINDOW_FOCUS_OFF_OPTION, }); } diff --git a/frontend/src/lib/hooks/api/topics.ts b/frontend/src/lib/hooks/api/topics.ts index b0aac312d..334d9ef62 100644 --- a/frontend/src/lib/hooks/api/topics.ts +++ b/frontend/src/lib/hooks/api/topics.ts @@ -21,6 +21,7 @@ import { TopicFormDataRaw, TopicFormFormattedParams, } from 'lib/interfaces/topic'; +import {QUERY_REFETCH_ON_WINDOW_FOCUS_OFF_OPTION} from "../../constants"; export const topicKeys = { all: (clusterName: ClusterName) => @@ -50,10 +51,10 @@ export function useTopics(props: GetTopicsRequest) { ); } export function useTopicDetails(props: GetTopicDetailsRequest) { - return useQuery(topicKeys.details(props), () => api.getTopicDetails(props)); + return useQuery(topicKeys.details(props), () => api.getTopicDetails(props), QUERY_REFETCH_ON_WINDOW_FOCUS_OFF_OPTION); } export function useTopicConfig(props: GetTopicDetailsRequest) { - return useQuery(topicKeys.config(props), () => api.getTopicConfigs(props)); + return useQuery(topicKeys.config(props), () => api.getTopicConfigs(props), QUERY_REFETCH_ON_WINDOW_FOCUS_OFF_OPTION); } export function useTopicConsumerGroups(props: GetTopicDetailsRequest) { return useQuery(topicKeys.consumerGroups(props), () =>