Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Loki: update HorizontalGroup deprecation #86995

Merged
merged 2 commits into from Apr 29, 2024
Merged

Loki: update HorizontalGroup deprecation #86995

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
69fb534
Loki: update HorizontalGroup deprecation
matyax Apr 26, 2024
f40335f
Update betterer
matyax Apr 29, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
6 changes: 3 additions & 3 deletions public/app/plugins/datasource/loki/components/LokiLabelBrowser.tsx
View file
Open in desktop
Expand Up @@ -8,13 +8,13 @@ import { reportInteraction } from '@grafana/runtime';
import {
Button,
HighlightPart,
HorizontalGroup,
Input,
Label,
LoadingPlaceholder,
withTheme2,
BrowserLabel as LokiLabel,
fuzzyMatch,
Stack,
} from '@grafana/ui';

import LokiLanguageProvider from '../LanguageProvider';
Expand Down Expand Up @@ -533,7 +533,7 @@ export class UnthemedLokiLabelBrowser extends React.Component<BrowserProps, Brow
<div className={cx(styles.status, (status || error) && styles.statusShowing)}>
<span className={error ? styles.error : ''}>{error || status}</span>
</div>
<HorizontalGroup>
<Stack gap={1}>
<Button aria-label="Use selector as logs button" disabled={empty} onClick={this.onClickRunLogsQuery}>
Show logs
</Button>
Expand All @@ -556,7 +556,7 @@ export class UnthemedLokiLabelBrowser extends React.Component<BrowserProps, Brow
<Button aria-label="Selector clear button" variant="secondary" onClick={this.onClickClear}>
Clear
</Button>
</HorizontalGroup>
</Stack>
</div>
</>
);
Expand Down
6 changes: 3 additions & 3 deletions public/app/plugins/datasource/loki/querybuilder/components/LokiQueryCodeEditor.tsx
View file
Open in desktop
Expand Up @@ -3,7 +3,7 @@ import React from 'react';

import { GrafanaTheme2 } from '@grafana/data';
import { config } from '@grafana/runtime';
import { useStyles2, HorizontalGroup, IconButton, Tooltip, Icon } from '@grafana/ui';
import { useStyles2, IconButton, Tooltip, Icon, Stack } from '@grafana/ui';

import { testIds } from '../../components/LokiQueryEditor';
import { LokiQueryField } from '../../components/LokiQueryField';
Expand Down Expand Up @@ -49,7 +49,7 @@ export function LokiQueryCodeEditor({
{lokiFormatQuery && (
<div className={styles.buttonGroup}>
<div>
<HorizontalGroup spacing="sm">
<Stack gap={1}>
<IconButton
onClick={onClickFormatQueryButton}
name="brackets-curly"
Expand All @@ -59,7 +59,7 @@ export function LokiQueryCodeEditor({
<Tooltip content={`Use ctrl/cmd + z to undo`}>
<Icon className={styles.hint} name="keyboard" />
</Tooltip>
</HorizontalGroup>
</Stack>
</div>
</div>
)}
Expand Down