Na}{

File Content: AlertRulesToolbarButton.tsx

import React from 'react';

import { ToolbarButton } from '@grafana/ui';

import { t } from '../../../../core/internationalization';
import { useDashNavModalController } from '../../../dashboard/components/DashNav/DashNav';
import { alertRuleApi } from '../api/alertRuleApi';
import { GRAFANA_RULES_SOURCE_NAME } from '../utils/datasource';

import { AlertRulesDrawer } from './AlertRulesDrawer';

interface AlertRulesToolbarButtonProps {
  dashboardUid: string;
}

export default function AlertRulesToolbarButton({ dashboardUid }: AlertRulesToolbarButtonProps) {
  const { showModal, hideModal } = useDashNavModalController();

const { data: namespaces = [] } = alertRuleApi.endpoints.prometheusRuleNamespaces.useQuery({
    ruleSourceName: GRAFANA_RULES_SOURCE_NAME,
    dashboardUid: dashboardUid,
  });

if (namespaces.length === 0) {
    return null;
  }

return (
    <ToolbarButton
      tooltip={t('dashboard.toolbar.alert-rules', 'Alert rules')}
      icon="bell"
      onClick={() => showModal(<AlertRulesDrawer dashboardUid={dashboardUid} onClose={hideModal} />)}
      key="button-alerting"
    />
  );
}

Name	Size	Permission
AlertRulesDrawer.tsx	1306 bytes	0644
AlertRulesDrawerContent.tsx	2042 bytes	0644
AlertRulesToolbarButton.tsx	1123 bytes	0644
LegacyAlertsDeprecationNotice.tsx	3236 bytes	0644