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

Refactor line limit to use grafana/ui component

Browse Source
This commit is contained in:
Ivana 2021-02-26 11:52:53 +01:00
parent 14e7f70eac
commit b985631df6
1 changed files with 17 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
public/app/plugins/datasource/loki/components/LokiOptionFields.tsx
View File

@ -4,7 +4,7 @@ import { css, cx } from 'emotion';
import { LokiQuery } from '../types';
// Types
import { InlineFormLabel, RadioButtonGroup } from '@grafana/ui';
import { InlineFormLabel, RadioButtonGroup, InlineField, Input } from '@grafana/ui';
export interface LokiOptionFieldsProps {
lineLimitValue: string;
@ -108,21 +108,22 @@ export function LokiOptionFields(props: LokiOptionFieldsProps) {
)}
aria-label="Line limit field"
>
<InlineFormLabel width={5}>Line limit</InlineFormLabel>
<input
type="number"
className="gf-form-input width-4"
placeholder={'auto'}
min={0}
onChange={onMaxLinesChange}
onKeyDown={onReturnKeyDown}
value={lineLimitValue}
onBlur={() => {
if (runOnBlur) {
onRunQuery();
}
}}
/>
<InlineField label="Line limit">
<Input
className="width-4"
placeholder="auto"
type="number"
min={0}
onChange={onMaxLinesChange}
onKeyDown={onReturnKeyDown}
value={lineLimitValue}
onBlur={() => {
if (runOnBlur) {
onRunQuery();
}
}}
/>
</InlineField>
</div>
</div>
);