From ec2d3668bd3f2eac67f799e71e377bce2fb28907 Mon Sep 17 00:00:00 2001
From: Joseph Garrone <joseph.garrone.gj@gmail.com>
Date: Thu, 23 May 2024 19:48:24 +0200
Subject: [PATCH] Patch #10

---
 src/login/pages/Login.tsx | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/login/pages/Login.tsx b/src/login/pages/Login.tsx
index a7fe210..dfcc03e 100644
--- a/src/login/pages/Login.tsx
+++ b/src/login/pages/Login.tsx
@@ -149,7 +149,9 @@ export default function Login(
                                     </div>
                                 </div>
                             )}
-                            {social.providers.length !== 0 && <h5>{msgStr("selfCredentials")}</h5>}
+                            {social?.providers?.length !== 0 && (
+                                <h5>{msgStr("selfCredentials")}</h5>
+                            )}
                             <div className={classes.inputs}>
                                 {(() => {
                                     const label = !realm.loginWithEmailAllowed
@@ -161,9 +163,10 @@ export default function Login(
                                     const autoCompleteHelper: typeof label =
                                         label === "usernameOrEmail" ? "username" : label;
 
-                                    const usernameInputType = realm.registrationEmailAsUsername
-                                        ? "email"
-                                        : "text"
+                                    const usernameInputType =
+                                        realm.registrationEmailAsUsername
+                                            ? "email"
+                                            : "text";
 
                                     return (
                                         <Input
@@ -180,7 +183,14 @@ export default function Login(
                                                           "autoComplete": "off"
                                                       })
                                             }}
-                                            label={usernameInputType === "email" ? msgStr("email") : msgStr("emailOrUsername")}
+                                            label={(() => {
+                                                switch (usernameInputType) {
+                                                    case "email":
+                                                        return msgStr("email");
+                                                    case "text":
+                                                        return msgStr("username");
+                                                }
+                                            })()}
                                             hintText={msgStr("email hint")}
                                         />
                                     );