mirror of
https://github.com/grafana/grafana.git
synced 2025-02-12 00:25:46 -06:00
6211ca4d3d
* Chore: Move variable field selectors to data-testid * Fix data source variable editor selector * fix test
32 lines
1.1 KiB
TypeScript
32 lines
1.1 KiB
TypeScript
import React, { PropsWithChildren, useMemo } from 'react';
|
|
import { SelectableValue } from '@grafana/data';
|
|
import { selectors } from '@grafana/e2e-selectors';
|
|
import { VariableSelectField } from '../editor/VariableSelectField';
|
|
import { VariableRefresh } from '../types';
|
|
|
|
interface Props {
|
|
onChange: (option: SelectableValue<VariableRefresh>) => void;
|
|
refresh: VariableRefresh;
|
|
}
|
|
|
|
const REFRESH_OPTIONS = [
|
|
{ label: 'On dashboard load', value: VariableRefresh.onDashboardLoad },
|
|
{ label: 'On time range change', value: VariableRefresh.onTimeRangeChanged },
|
|
];
|
|
|
|
export function QueryVariableRefreshSelect({ onChange, refresh }: PropsWithChildren<Props>) {
|
|
const value = useMemo(() => REFRESH_OPTIONS.find((o) => o.value === refresh) ?? REFRESH_OPTIONS[0], [refresh]);
|
|
|
|
return (
|
|
<VariableSelectField
|
|
name="Refresh"
|
|
value={value}
|
|
options={REFRESH_OPTIONS}
|
|
onChange={onChange}
|
|
labelWidth={10}
|
|
testId={selectors.pages.Dashboard.Settings.Variables.Edit.QueryVariable.queryOptionsRefreshSelectV2}
|
|
tooltip="When to update the values of this variable."
|
|
/>
|
|
);
|
|
}
|