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

Loki: Refactor line limit to use grafana/ui component (#31509)

Browse Source 
* Refactor line limit to use grafana/ui component

* preprocess lines reefactor

* Revert "preprocess lines reefactor"

This reverts commit 9e9c034269.
This commit is contained in:
Ivana Huckova 2021-03-01 16:08:53 +01:00 committed by GitHub
parent 583b94557b
commit bb6488338b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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>
);