mirror of https://github.com/grafana/grafana.git
74 lines
2.1 KiB
TypeScript
74 lines
2.1 KiB
TypeScript
import { produce } from 'immer';
|
|
import React from 'react';
|
|
|
|
import { Menu } from '@grafana/ui';
|
|
import { alertRuleApi } from 'app/features/alerting/unified/api/alertRuleApi';
|
|
import { isGrafanaRulerRule, isGrafanaRulerRulePaused } from 'app/features/alerting/unified/utils/rules';
|
|
import { CombinedRule } from 'app/types/unified-alerting';
|
|
|
|
interface Props {
|
|
rule: CombinedRule;
|
|
/**
|
|
* Method invoked after the request to change the paused state has completed
|
|
*/
|
|
onPauseChange?: () => void;
|
|
}
|
|
|
|
/**
|
|
* Menu item to display correct text for pausing/resuming an alert,
|
|
* and triggering API call to do so
|
|
*/
|
|
const MenuItemPauseRule = ({ rule, onPauseChange }: Props) => {
|
|
const { group } = rule;
|
|
const [updateRule] = alertRuleApi.endpoints.updateRule.useMutation();
|
|
const isPaused = isGrafanaRulerRule(rule.rulerRule) && isGrafanaRulerRulePaused(rule.rulerRule);
|
|
const icon = isPaused ? 'play' : 'pause';
|
|
const title = isPaused ? 'Resume evaluation' : 'Pause evaluation';
|
|
|
|
/**
|
|
* Triggers API call to update the current rule to the new `is_paused` state
|
|
*/
|
|
const setRulePause = async (newIsPaused: boolean) => {
|
|
if (!isGrafanaRulerRule(rule.rulerRule)) {
|
|
return;
|
|
}
|
|
const ruleUid = rule.rulerRule.grafana_alert.uid;
|
|
|
|
// Parse the rules into correct format for API
|
|
const modifiedRules = group.rules.map((groupRule) => {
|
|
if (!(isGrafanaRulerRule(groupRule.rulerRule) && groupRule.rulerRule.grafana_alert.uid === ruleUid)) {
|
|
return groupRule.rulerRule!;
|
|
}
|
|
|
|
return produce(groupRule.rulerRule, (updatedGroupRule) => {
|
|
updatedGroupRule.grafana_alert.is_paused = newIsPaused;
|
|
});
|
|
});
|
|
|
|
const payload = {
|
|
interval: group.interval!,
|
|
name: group.name,
|
|
rules: modifiedRules,
|
|
};
|
|
|
|
await updateRule({
|
|
nameSpaceUID: rule.namespace.uid || rule.rulerRule.grafana_alert.namespace_uid,
|
|
payload,
|
|
}).unwrap();
|
|
|
|
onPauseChange?.();
|
|
};
|
|
|
|
return (
|
|
<Menu.Item
|
|
label={title}
|
|
icon={icon}
|
|
onClick={() => {
|
|
setRulePause(!isPaused);
|
|
}}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default MenuItemPauseRule;
|