mirror of
https://github.com/grafana/grafana.git
synced 2025-02-04 04:31:00 -06:00
47f8717149
* update eslint, tsconfig + esbuild to handle new jsx transform * remove thing that breaks the new jsx transform * remove react imports * adjust grafana-icons build * is this the correct syntax? * try this * well this was much easier than expected... * change grafana-plugin-configs webpack config * fixes * fix lockfile * fix 2 more violations * use path.resolve instead of require.resolve * remove react import * fix react imports * more fixes * remove React import * remove import React from docs * remove another react import
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} />;
|
|
};
|