[Observabililty] [Alert details] Fix active tab when opening new alert from Related alerts tab (#224287)

Fixes tab selection issue when user opens alert details page from
"Related alerts" tab. In this case, "Overview" tab should be selected by
default. In other cases, tab Id passed from URL should be used otherwise
default to "Overview".
This commit is contained in:
Bena Kansara 2025-06-23 20:48:04 +02:00 committed by GitHub
parent fd4e551340
commit 4553774d5a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -133,11 +133,7 @@ export function AlertDetails() {
const [alertStatus, setAlertStatus] = useState<AlertStatus>();
const { euiTheme } = useEuiTheme();
const [sources, setSources] = useState<AlertDetailsSource[]>();
const [activeTabId, setActiveTabId] = useState<TabId>(() => {
const searchParams = new URLSearchParams(search);
const urlTabId = searchParams.get(ALERT_DETAILS_TAB_URL_STORAGE_KEY);
return urlTabId && isTabId(urlTabId) ? urlTabId : 'overview';
});
const [activeTabId, setActiveTabId] = useState<TabId>();
const handleSetTabId = async (tabId: TabId) => {
setActiveTabId(tabId);
@ -174,8 +170,11 @@ export function AlertDetails() {
if (alertDetail) {
setRuleTypeModel(ruleTypeRegistry.get(alertDetail?.formatted.fields[ALERT_RULE_TYPE_ID]!));
setAlertStatus(alertDetail?.formatted?.fields[ALERT_STATUS] as AlertStatus);
const searchParams = new URLSearchParams(search);
const urlTabId = searchParams.get(ALERT_DETAILS_TAB_URL_STORAGE_KEY);
setActiveTabId(urlTabId && isTabId(urlTabId) ? urlTabId : 'overview');
}
}, [alertDetail, ruleTypeRegistry]);
}, [alertDetail, ruleTypeRegistry, search]);
useBreadcrumbs(
[