Na}{

File Content: `MostFiredRules.tsx`

import React from 'react';

import { PanelBuilders, SceneDataTransformer, SceneFlexItem, SceneQueryRunner } from '@grafana/scenes';
import { DataSourceRef } from '@grafana/schema';

import { PANEL_STYLES } from '../../../home/Insights';
import { InsightsRatingModal } from '../../RatingModal';

export function getMostFiredRulesScene(datasource: DataSourceRef, panelTitle: string) {
  const query = new SceneQueryRunner({
    datasource,
    queries: [
      {
        refId: 'A',
        expr: 'topk(10, sum by(alertname) (ALERTS{alertstate="firing"}))',
        instant: true,
        range: false,
        format: 'table',
      },
    ],
  });

  const transformation = new SceneDataTransformer({
    $data: query,
    transformations: [
      {
        id: 'organize',
        options: {
          excludeByName: {
            Time: true,
          },
          indexByName: {},
          renameByName: {
            Value: 'Number of fires',
            alertname: 'Alert Rule Name',
          },
        },
      },
    ],
  });

  return new SceneFlexItem({
    ...PANEL_STYLES,
    body: PanelBuilders.table()
      .setTitle(panelTitle)
      .setDescription('The alert rules that have fired the most')
      .setData(transformation)
      .setHeaderActions(<InsightsRatingModal panel={panelTitle} />)
      .build(),
  });
}

Name	Size	Permission
EvalSuccessVsFailuresScene.tsx	1806 bytes	0644
Firing.tsx	1192 bytes	0644
InstancesByState.tsx	1184 bytes	0644
InstancesPercentageByState.tsx	1351 bytes	0644
MissedIterationsScene.tsx	1395 bytes	0644
MostFiredRules.tsx	1336 bytes	0644
Pending.tsx	1198 bytes	0644

File Content: MostFiredRules.tsx

File Content: `MostFiredRules.tsx`