You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
1.2 KiB
30 lines
1.2 KiB
import { SelectableValue } from '@grafana/data';
|
|
import { Select } from '@grafana/ui';
|
|
import { SelectBaseProps } from '@grafana/ui/src/components/Select/types';
|
|
import { GrafanaAlertStateDecision } from 'app/types/unified-alerting-dto';
|
|
import React, { FC, useMemo } from 'react';
|
|
|
|
type Props = Omit<SelectBaseProps<GrafanaAlertStateDecision>, 'options'> & {
|
|
includeNoData: boolean;
|
|
includeError: boolean;
|
|
};
|
|
|
|
const options: SelectableValue[] = [
|
|
{ value: GrafanaAlertStateDecision.Alerting, label: 'Alerting' },
|
|
{ value: GrafanaAlertStateDecision.NoData, label: 'No Data' },
|
|
{ value: GrafanaAlertStateDecision.OK, label: 'OK' },
|
|
{ value: GrafanaAlertStateDecision.Error, label: 'Error' },
|
|
];
|
|
|
|
export const GrafanaAlertStatePicker: FC<Props> = ({ includeNoData, includeError, ...props }) => {
|
|
const opts = useMemo(() => {
|
|
if (!includeNoData) {
|
|
return options.filter((opt) => opt.value !== GrafanaAlertStateDecision.NoData);
|
|
}
|
|
if (!includeError) {
|
|
return options.filter((opt) => opt.value !== GrafanaAlertStateDecision.Error);
|
|
}
|
|
return options;
|
|
}, [includeNoData, includeError]);
|
|
return <Select menuShouldPortal options={opts} {...props} />;
|
|
};
|
|
|