IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Chore: remove legacy components and CSS classes for OpenTsdbDetails Component (#76165)

Browse Source 
* chore: remove legacy components and classes

* Update public/app/plugins/datasource/opentsdb/components/OpenTsdbDetails.tsx

Co-authored-by: Tobias Skarhed <1438972+tskarhed@users.noreply.github.com>

* chore: format and add width

* chore: fix formatting

* Update public/app/plugins/datasource/opentsdb/components/OpenTsdbDetails.tsx

Co-authored-by: ismail simsek <ismailsimsek09@gmail.com>

---------

Co-authored-by: Tobias Skarhed <1438972+tskarhed@users.noreply.github.com>
Co-authored-by: ismail simsek <ismailsimsek09@gmail.com>
This commit is contained in:
Aldrin 2023-10-12 23:06:22 +05:30 committed by GitHub
parent f3a997acde
commit cb1dfbeeb4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 33 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
public/app/plugins/datasource/opentsdb/components/OpenTsdbDetails.tsx
View File

@ -1,12 +1,10 @@
import React, { SyntheticEvent, useId } from 'react';
import { DataSourceSettings, SelectableValue } from '@grafana/data';
import { InlineFormLabel, LegacyForms } from '@grafana/ui';
import { Select, Input, Field, FieldSet } from '@grafana/ui';
import { OpenTsdbOptions } from '../types';
const { Select, Input } = LegacyForms;
const tsdbVersions = [
{ label: '<=2.1', value: 1 },
{ label: '==2.2', value: 2 },
@ -30,22 +28,17 @@ export const OpenTsdbDetails = (props: Props) => {
return (
<>
<h5>OpenTSDB settings</h5>
<div className="gf-form">
<InlineFormLabel width={7} htmlFor={`select-version-${idSuffix}`}>
Version
</InlineFormLabel>
<FieldSet label="OpenTSDB settings">
<Field htmlFor={`select-version-${idSuffix}`} label="Version">
<Select
inputId={`select-version-${idSuffix}`}
options={tsdbVersions}
value={tsdbVersions.find((version) => version.value === value.jsonData.tsdbVersion) ?? tsdbVersions[0]}
onChange={onSelectChangeHandler('tsdbVersion', value, onChange)}
width={20}
/>
</div>
<div className="gf-form">
<InlineFormLabel width={7} htmlFor={`select-resolution-${idSuffix}`}>
Resolution
</InlineFormLabel>
</Field>
<Field htmlFor={`select-resolution-${idSuffix}`} label="Resolution">
<Select
inputId={`select-resolution-${idSuffix}`}
options={tsdbResolutions}
@ -54,19 +47,19 @@ export const OpenTsdbDetails = (props: Props) => {
tsdbResolutions[0]
}
onChange={onSelectChangeHandler('tsdbResolution', value, onChange)}
width={20}
/>
</div>
<div className="gf-form">
<InlineFormLabel width={7} htmlFor={`lookup-input-${idSuffix}`}>
Lookup limit
</InlineFormLabel>
</Field>
<Field htmlFor={`lookup-input-${idSuffix}`} label="Lookup limit">
<Input
id={`lookup-input-${idSuffix}`}
type="number"
value={value.jsonData.lookupLimit ?? 1000}
onChange={onInputChangeHandler('lookupLimit', value, onChange)}
width={20}
/>
</div>
</Field>
</FieldSet>
</>
);
};