23 lines
729 B
TypeScript
23 lines
729 B
TypeScript
import { useCallback } from 'react';
|
|
|
|
import { StandardEditorProps, SelectableValue } from '@grafana/data';
|
|
import { GraphThresholdsStyleMode } from '@grafana/schema';
|
|
import { Select } from '@grafana/ui';
|
|
|
|
type Props = StandardEditorProps<
|
|
SelectableValue<{ mode: GraphThresholdsStyleMode }>,
|
|
{ options: Array<SelectableValue<GraphThresholdsStyleMode>> }
|
|
>;
|
|
|
|
export const ThresholdsStyleEditor = ({ item, value, onChange, id }: Props) => {
|
|
const onChangeCb = useCallback(
|
|
(v: SelectableValue<GraphThresholdsStyleMode>) => {
|
|
onChange({
|
|
mode: v.value,
|
|
});
|
|
},
|
|
[onChange]
|
|
);
|
|
return <Select inputId={id} value={value.mode} options={item.settings?.options ?? []} onChange={onChangeCb} />;
|
|
};
|