Alerting: load correct unified alerting tab (#44794)

This commit is contained in:
Gilles De Mey
2022-02-03 13:35:56 +01:00
committed by GitHub
parent 43b15b92ad
commit 29b97361f7

View File

@ -41,7 +41,7 @@ export const PanelEditorTabs: FC<PanelEditorTabsProps> = React.memo(({ panel, da
<TabsBar className={styles.tabBar} hideBorder> <TabsBar className={styles.tabBar} hideBorder>
{tabs.map((tab) => { {tabs.map((tab) => {
if (tab.id === PanelEditorTabId.Alert) { if (tab.id === PanelEditorTabId.Alert) {
renderAlertTab(tab, panel, dashboard, onChangeTab); return renderAlertTab(tab, panel, dashboard, onChangeTab);
} }
return ( return (
<Tab <Tab
@ -86,9 +86,13 @@ function renderAlertTab(
dashboard: DashboardModel, dashboard: DashboardModel,
onChangeTab: (tab: PanelEditorTab) => void onChangeTab: (tab: PanelEditorTab) => void
) { ) {
if (!config.alertingEnabled || !config.unifiedAlertingEnabled) { const alertingDisabled = !config.alertingEnabled && !config.unifiedAlertingEnabled;
if (alertingDisabled) {
return null; return null;
} else if (config.unifiedAlertingEnabled) { }
if (config.unifiedAlertingEnabled) {
return ( return (
<PanelAlertTab <PanelAlertTab
key={tab.id} key={tab.id}
@ -100,7 +104,9 @@ function renderAlertTab(
dashboard={dashboard} dashboard={dashboard}
/> />
); );
} else if (config.alertingEnabled) { }
if (config.alertingEnabled) {
return ( return (
<Tab <Tab
key={tab.id} key={tab.id}