From 31d616f62e9eeedc0b4b0e8a4f80d81675ba2742 Mon Sep 17 00:00:00 2001 From: Andreas Gerstmayr Date: Mon, 19 May 2025 16:40:52 +0200 Subject: [PATCH] TRACING-5408: Refresh query if Tempo instance or tenant changes Signed-off-by: Andreas Gerstmayr --- web/src/pages/TracesPage/QueryBrowser.tsx | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/web/src/pages/TracesPage/QueryBrowser.tsx b/web/src/pages/TracesPage/QueryBrowser.tsx index e49f01b..345f78a 100644 --- a/web/src/pages/TracesPage/QueryBrowser.tsx +++ b/web/src/pages/TracesPage/QueryBrowser.tsx @@ -1,4 +1,4 @@ -import React, { useCallback, useMemo } from 'react'; +import React, { useCallback, useEffect, useMemo } from 'react'; import { Divider, PageSection, Split, SplitItem, Stack, Title } from '@patternfly/react-core'; import { useTranslation } from 'react-i18next'; import { @@ -61,6 +61,13 @@ export function QueryBrowserBody() { const [limit, setLimit] = useQueryParam('limit', withDefault(NumberParam, DEFAULT_LIMIT)); const { timeRange, setTimeRange, refresh } = useTimeRange(); + // Refresh query if Tempo instance or tenant changes. + // The Perses data source is selected via a mock DatasourceApiImpl implementation in , + // therefore Perses doesn't refresh automatically if the Tempo instance changes. + useEffect(() => { + refresh(); + }, [tempo, refresh]); + const runQuery = useCallback( (query: string) => { setQuery(query);