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

)

.betterer.results

@@ -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"]
     ],

public/app/core/components/Login/LoginPage.tsx

@@ -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 />