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

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

3
.betterer.results
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.", "8"],
[0, 0, 0, "Do not use any type assertions.", "9"] [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": [ "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"] [0, 0, 0, "\'VerticalGroup\' import from \'@grafana/ui\' is restricted from being used by a pattern. Use Stack component instead.", "0"]
], ],

6
public/app/core/components/Login/LoginPage.tsx
View File

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