diff --git a/public/app/features/alerting/unified/components/InfoPausedRule.tsx b/public/app/features/alerting/unified/components/InfoPausedRule.tsx new file mode 100644 index 00000000000..f111f4917a7 --- /dev/null +++ b/public/app/features/alerting/unified/components/InfoPausedRule.tsx @@ -0,0 +1,13 @@ +import React from 'react'; + +import { Alert } from '@grafana/ui'; + +const InfoPausedRule = () => { + return ( + + Notifications for this rule will not fire and no alert instances will be created until the rule is un-paused. + + ); +}; + +export default InfoPausedRule; diff --git a/public/app/features/alerting/unified/components/rule-editor/alert-rule-form/AlertRuleForm.tsx b/public/app/features/alerting/unified/components/rule-editor/alert-rule-form/AlertRuleForm.tsx index 182f76cad1a..1e0bdd3d0aa 100644 --- a/public/app/features/alerting/unified/components/rule-editor/alert-rule-form/AlertRuleForm.tsx +++ b/public/app/features/alerting/unified/components/rule-editor/alert-rule-form/AlertRuleForm.tsx @@ -5,12 +5,13 @@ import { Link, useParams } from 'react-router-dom'; import { GrafanaTheme2 } from '@grafana/data'; import { config } from '@grafana/runtime'; -import { Alert, Button, ConfirmModal, CustomScrollbar, HorizontalGroup, Spinner, Stack, useStyles2 } from '@grafana/ui'; +import { Button, ConfirmModal, CustomScrollbar, HorizontalGroup, Spinner, Stack, useStyles2 } from '@grafana/ui'; import { AppChromeUpdate } from 'app/core/components/AppChrome/AppChromeUpdate'; import { useAppNotification } from 'app/core/copy/appNotification'; import { contextSrv } from 'app/core/core'; import { useCleanup } from 'app/core/hooks/useCleanup'; import { useQueryParams } from 'app/core/hooks/useQueryParams'; +import InfoPausedRule from 'app/features/alerting/unified/components/InfoPausedRule'; import { isGrafanaRulerRule, isGrafanaRulerRulePaused } from 'app/features/alerting/unified/utils/rules'; import { useDispatch } from 'app/types'; import { RuleWithLocation } from 'app/types/unified-alerting'; @@ -237,12 +238,7 @@ export const AlertRuleForm = ({ existing, prefill }: Props) => {
e.preventDefault()} className={styles.form}>
- {isPaused && ( - - Notifications for this rule will not fire and no alert instances will be created until the rule is - un-paused. - - )} + {isPaused && } {/* Step 1 */} diff --git a/public/app/features/alerting/unified/components/rule-viewer/RuleViewer.tsx b/public/app/features/alerting/unified/components/rule-viewer/RuleViewer.tsx index 8651244733b..c03e043f52b 100644 --- a/public/app/features/alerting/unified/components/rule-viewer/RuleViewer.tsx +++ b/public/app/features/alerting/unified/components/rule-viewer/RuleViewer.tsx @@ -6,6 +6,7 @@ import { NavModelItem, UrlQueryValue } from '@grafana/data'; import { Alert, LinkButton, Stack, TabContent, Text, TextLink, useStyles2 } from '@grafana/ui'; import { PageInfoItem } from 'app/core/components/Page/types'; import { useQueryParams } from 'app/core/hooks/useQueryParams'; +import InfoPausedRule from 'app/features/alerting/unified/components/InfoPausedRule'; import { CombinedRule, RuleHealth, RuleIdentifier } from 'app/types/unified-alerting'; import { PromAlertingRuleState, PromRuleType } from 'app/types/unified-alerting-dto'; @@ -88,12 +89,7 @@ const RuleViewer = () => { info={createMetadata(rule)} subTitle={ - {isPaused && ( - - Notifications for this rule will not fire and no alert instances will be created until the rule is - un-paused. - - )} + {isPaused && } {summary} {/* alerts and notifications and stuff */} {isFederatedRule && }