2025-04-01 10:38:02 +09:00

17 lines
679 B
TypeScript

import { Tab, TabProps } from '@grafana/ui';
import { DashboardModel } from 'app/features/dashboard/state/DashboardModel';
import { PanelModel } from 'app/features/dashboard/state/PanelModel';
import { usePanelCombinedRules } from './hooks/usePanelCombinedRules';
interface Props extends Omit<TabProps, 'counter' | 'ref'> {
panel: PanelModel;
dashboard: DashboardModel;
}
// it will load rule count from backend
export const PanelAlertTab = ({ panel, dashboard, ...otherProps }: Props) => {
const { rules, loading } = usePanelCombinedRules({ panelId: panel.id, dashboardUID: dashboard.uid });
return <Tab {...otherProps} counter={loading ? null : rules.length} />;
};