IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Alerting: Prevent preview if no condition is set (#39659)

Browse Source 
* prevent preview if no condition is set

* fixes after pr feedback

* watch on type and condition
This commit is contained in:
Peter Holmberg
2021-09-28 11:35:10 +02:00
committed by GitHub
parent 79c797c232
commit cc94c55e48
3 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/app/features/alerting/unified/components/rule-editor/PreviewRule.tsx
View File

@@ -15,8 +15,8 @@ const fields: string[] = ['type', 'dataSourceName', 'condition', 'queries', 'exp
export function PreviewRule(): React.ReactElement | null {
const styles = useStyles2(getStyles);
const [preview, onPreview] = usePreview();
const { getValues } = useFormContext();
const [type] = getValues(fields);
const { watch } = useFormContext();
const [type, condition] = watch(['type', 'condition']);
if (type === RuleFormType.cloudRecording || type === RuleFormType.cloudAlerting) {
return null;
@@ -25,7 +25,7 @@ export function PreviewRule(): React.ReactElement | null {
return (
<div className={styles.container}>
<HorizontalGroup>
<Button type="button" variant="primary" onClick={onPreview}>
<Button disabled={!condition} type="button" variant="primary" onClick={onPreview}>
Preview alerts
</Button>
</HorizontalGroup>

7
public/app/features/alerting/unified/components/rule-editor/PreviewRuleResult.tsx
View File

@@ -6,6 +6,7 @@ import { PanelRenderer } from '@grafana/runtime';
import { GrafanaTheme2, LoadingState } from '@grafana/data';
import { PreviewRuleResponse } from '../../types/preview';
import { RuleFormType } from '../../types/rule-form';
import { messageFromError } from '../../utils/redux';
type Props = {
preview: PreviewRuleResponse | undefined;
@@ -30,7 +31,11 @@ export function PreviewRuleResult(props: Props): React.ReactElement | null {
}
if (data.state === LoadingState.Error) {
return <div className={styles.container}>{data.error ?? 'Failed to preview alert rule'}</div>;
return (
<div className={styles.container}>
{data.error ? messageFromError(data.error) : 'Failed to preview alert rule'}
</div>
);
}
return (