Grafana UI: LoginPage - Replace HorizontalGroup with Stack (#86068)

This commit is contained in:
Laura Fernández
2024-04-15 10:52:28 +02:00
committed by GitHub
parent 6ff021bb9b
commit 2b62167842
2 changed files with 3 additions and 6 deletions

View File

@@ -1178,9 +1178,6 @@ exports[`better eslint`] = {
[0, 0, 0, "Do not use any type assertions.", "8"],
[0, 0, 0, "Do not use any type assertions.", "9"]
],
"public/app/core/components/Login/LoginPage.tsx:5381": [
[0, 0, 0, "\'HorizontalGroup\' import from \'@grafana/ui\' is restricted from being used by a pattern. Use Stack component instead.", "0"]
],
"public/app/core/components/Login/LoginServiceButtons.tsx:5381": [
[0, 0, 0, "\'VerticalGroup\' import from \'@grafana/ui\' is restricted from being used by a pattern. Use Stack component instead.", "0"]
],

View File

@@ -5,7 +5,7 @@ import React from 'react';
// Components
import { GrafanaTheme2 } from '@grafana/data';
import { config } from '@grafana/runtime';
import { Alert, HorizontalGroup, LinkButton, useStyles2 } from '@grafana/ui';
import { Alert, LinkButton, Stack, useStyles2 } from '@grafana/ui';
import { Branding } from 'app/core/components/Branding/Branding';
import { t, Trans } from 'app/core/internationalization';
@@ -47,7 +47,7 @@ export const LoginPage = () => {
{!disableLoginForm && (
<LoginForm onSubmit={login} loginHint={loginHint} passwordHint={passwordHint} isLoggingIn={isLoggingIn}>
<HorizontalGroup justify="flex-end">
<Stack justifyContent="flex-end">
{!config.auth.disableLogin && (
<LinkButton
className={styles.forgottenPassword}
@@ -57,7 +57,7 @@ export const LoginPage = () => {
<Trans i18nKey="login.forgot-password">Forgot your password?</Trans>
</LinkButton>
)}
</HorizontalGroup>
</Stack>
</LoginForm>
)}
<LoginServiceButtons />