File Content: SilencesByStateScene.tsx import React from 'react'; import { PanelBuilders, SceneFlexItem, SceneQueryRunner } from '@grafana/scenes'; import { DataSourceRef, GraphDrawStyle, TooltipDisplayMode } from '@grafana/schema'; import { INSTANCE_ID, PANEL_STYLES } from '../../../home/Insights'; import { InsightsRatingModal } from '../../RatingModal'; export function getGrafanaAlertmanagerSilencesScene(datasource: DataSourceRef, panelTitle: string) { const expr = INSTANCE_ID ? `sum by (state) (grafanacloud_grafana_instance_alerting_silences{id="${INSTANCE_ID}"})` : `sum by (state) (grafanacloud_grafana_instance_alerting_silences)`; const query = new SceneQueryRunner({ datasource, queries: [ { refId: 'A', expr, range: true, legendFormat: '{{state}}', }, ], }); return new SceneFlexItem({ ...PANEL_STYLES, body: PanelBuilders.timeseries() .setTitle(panelTitle) .setDescription('The number of silences by state') .setData(query) .setCustomFieldConfig('drawStyle', GraphDrawStyle.Line) .setOption('tooltip', { mode: TooltipDisplayMode.Multi }) .setHeaderActions(<InsightsRatingModal panel={panelTitle} />) .build(), }); } Submit