39 lines
1.2 KiB
TypeScript
39 lines
1.2 KiB
TypeScript
import { DataSourcePluginOptionsEditorProps } from '@grafana/data';
|
|
import { ConfigDescriptionLink, ConfigSubSection } from '@grafana/plugin-ui';
|
|
import { InlineField, InlineSwitch } from '@grafana/ui';
|
|
|
|
export function AlertingSettings({
|
|
options,
|
|
onOptionsChange,
|
|
}: Pick<DataSourcePluginOptionsEditorProps, 'options' | 'onOptionsChange'>) {
|
|
return (
|
|
<ConfigSubSection
|
|
title="Alerting"
|
|
description={
|
|
<ConfigDescriptionLink
|
|
description="Manage alert rules for the Loki data source."
|
|
suffix="loki/configure-loki-data-source/#alerting"
|
|
feature="alerting"
|
|
/>
|
|
}
|
|
>
|
|
<InlineField
|
|
labelWidth={29}
|
|
label="Manage alert rules in Alerting UI"
|
|
disabled={options.readOnly}
|
|
tooltip="Manage alert rules for this data source. To manage other alerting resources, add an Alertmanager data source."
|
|
>
|
|
<InlineSwitch
|
|
value={options.jsonData.manageAlerts !== false}
|
|
onChange={(event) =>
|
|
onOptionsChange({
|
|
...options,
|
|
jsonData: { ...options.jsonData, manageAlerts: event!.currentTarget.checked },
|
|
})
|
|
}
|
|
/>
|
|
</InlineField>
|
|
</ConfigSubSection>
|
|
);
|
|
}
|