60 lines
2.2 KiB
TypeScript
60 lines
2.2 KiB
TypeScript
import React, { FC } from 'react';
|
|
import { Checkbox, CollapsableSection, Field, InfoBox, Input } from '@grafana/ui';
|
|
import { NotificationSettingsProps } from './NotificationChannelForm';
|
|
|
|
interface Props extends NotificationSettingsProps {
|
|
imageRendererAvailable: boolean;
|
|
}
|
|
|
|
export const NotificationSettings: FC<Props> = ({ currentFormValues, imageRendererAvailable, register }) => {
|
|
return (
|
|
<CollapsableSection label="Notification settings" isOpen={false}>
|
|
<Field>
|
|
<Checkbox name="isDefault" ref={register} label="Default" description="Use this notification for all alerts" />
|
|
</Field>
|
|
<Field>
|
|
<Checkbox
|
|
name="settings.uploadImage"
|
|
ref={register}
|
|
label="Include image"
|
|
description="Captures an image and include it in the notification"
|
|
/>
|
|
</Field>
|
|
{currentFormValues.uploadImage && !imageRendererAvailable && (
|
|
<InfoBox title="No image renderer available/installed">
|
|
Grafana cannot find an image renderer to capture an image for the notification. Please make sure the Grafana
|
|
Image Renderer plugin is installed. Please contact your Grafana administrator to install the plugin.
|
|
</InfoBox>
|
|
)}
|
|
<Field>
|
|
<Checkbox
|
|
name="disableResolveMessage"
|
|
ref={register}
|
|
label="Disable Resolve Message"
|
|
description="Disable the resolve message [OK] that is sent when alerting state returns to false"
|
|
/>
|
|
</Field>
|
|
<Field>
|
|
<Checkbox
|
|
name="sendReminder"
|
|
ref={register}
|
|
label="Send reminders"
|
|
description="Send additional notifications for triggered alerts"
|
|
/>
|
|
</Field>
|
|
{currentFormValues.sendReminder && (
|
|
<>
|
|
<Field
|
|
label="Send reminder every"
|
|
description="Specify how often reminders should be sent, e.g. every 30s, 1m, 10m, 30m or 1h etc.
|
|
Alert reminders are sent after rules are evaluated. Therefore a reminder can never be sent more frequently
|
|
than a configured alert rule evaluation interval."
|
|
>
|
|
<Input name="frequency" ref={register} width={8} />
|
|
</Field>
|
|
</>
|
|
)}
|
|
</CollapsableSection>
|
|
);
|
|
};
|