From d6cf9a3506557624d64154a1a289327f27cddce1 Mon Sep 17 00:00:00 2001
From: Alex Carpenter <im.alexcarpenter@gmail.com>
Date: Thu, 18 Jul 2024 03:53:20 -0400
Subject: [PATCH] chore(ui): Add global errors to signin steps (#3746)

---
 .changeset/happy-pants-sleep.md               |  2 ++
 .../ui/src/components/sign-in/sign-in.tsx     | 27 +++++++++++++++++++
 2 files changed, 29 insertions(+)
 create mode 100644 .changeset/happy-pants-sleep.md

diff --git a/.changeset/happy-pants-sleep.md b/.changeset/happy-pants-sleep.md
new file mode 100644
index 0000000000..a845151cc8
--- /dev/null
+++ b/.changeset/happy-pants-sleep.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/packages/ui/src/components/sign-in/sign-in.tsx b/packages/ui/src/components/sign-in/sign-in.tsx
index 660559f84d..60bbb7fc31 100644
--- a/packages/ui/src/components/sign-in/sign-in.tsx
+++ b/packages/ui/src/components/sign-in/sign-in.tsx
@@ -72,6 +72,12 @@ export function SignInComponentLoaded() {
                   </Card.Header>
 
                   <Card.Body>
+                    <Common.GlobalError>
+                      {({ message }) => {
+                        return <Alert>{message}</Alert>;
+                      }}
+                    </Common.GlobalError>
+
                     <Connections disabled={isGlobalLoading} />
 
                     {hasConnection && hasIdentifier ? <Seperator>{t('dividerText')}</Seperator> : null}
@@ -223,6 +229,12 @@ export function SignInComponentLoaded() {
                       </Card.Description>
                     </Card.Header>
                     <Card.Body>
+                      <Common.GlobalError>
+                        {({ message }) => {
+                          return <Alert>{message}</Alert>;
+                        }}
+                      </Common.GlobalError>
+
                       <PasswordField
                         alternativeFieldTrigger={
                           isPasswordResetSupported ? (
@@ -485,6 +497,11 @@ export function SignInComponentLoaded() {
                     <Card.Description>{t('signIn.alternativeMethods.subtitle')}</Card.Description>
                   </Card.Header>
                   <Card.Body>
+                    <Common.GlobalError>
+                      {({ message }) => {
+                        return <Alert>{message}</Alert>;
+                      }}
+                    </Common.GlobalError>
                     <div className='flex flex-col gap-2'>
                       <Connections disabled={isGlobalLoading} />
 
@@ -551,6 +568,11 @@ export function SignInComponentLoaded() {
                     <Card.Title>{t('signIn.forgotPasswordAlternativeMethods.title')}</Card.Title>
                   </Card.Header>
                   <Card.Body>
+                    <Common.GlobalError>
+                      {({ message }) => {
+                        return <Alert>{message}</Alert>;
+                      }}
+                    </Common.GlobalError>
                     <div className='flex flex-col justify-center gap-4'>
                       <SignIn.SupportedStrategy
                         name='reset_password_email_code'
@@ -631,6 +653,11 @@ export function SignInComponentLoaded() {
                     <Card.Title>{t('signIn.resetPassword.title')}</Card.Title>
                   </Card.Header>
                   <Card.Body>
+                    <Common.GlobalError>
+                      {({ message }) => {
+                        return <Alert>{message}</Alert>;
+                      }}
+                    </Common.GlobalError>
                     <div className='flex flex-col justify-center gap-4'>
                       <PasswordField
                         name='password'