34 lines
1.2 KiB
TypeScript
34 lines
1.2 KiB
TypeScript
import * as React from 'react';
|
|
|
|
import { DataSourcePluginOptionsEditorProps, updateDatasourcePluginJsonDataOption } from '@grafana/data';
|
|
import { InlineField, InlineFieldRow, InlineSwitch, useStyles2 } from '@grafana/ui';
|
|
|
|
import { TempoJsonData } from '../types';
|
|
|
|
import { getStyles } from './QuerySettings';
|
|
|
|
interface Props extends DataSourcePluginOptionsEditorProps<TempoJsonData> {}
|
|
|
|
export function SearchSettings({ options, onOptionsChange }: Props) {
|
|
const styles = useStyles2(getStyles);
|
|
|
|
return (
|
|
<div className={styles.container}>
|
|
<InlineFieldRow className={styles.row}>
|
|
<InlineField tooltip="Removes the search tab from the query editor" label="Hide search" labelWidth={26}>
|
|
<InlineSwitch
|
|
id="hideSearch"
|
|
value={options.jsonData.search?.hide}
|
|
onChange={(event: React.SyntheticEvent<HTMLInputElement>) =>
|
|
updateDatasourcePluginJsonDataOption({ onOptionsChange, options }, 'search', {
|
|
...options.jsonData.search,
|
|
hide: event.currentTarget.checked,
|
|
})
|
|
}
|
|
/>
|
|
</InlineField>
|
|
</InlineFieldRow>
|
|
</div>
|
|
);
|
|
}
|