fix: update wording for locked user error message

Change-Id: I57df6faaa37bafd1fef4800f9832debeaab47ff4

Author: smarcet

resources/js/login/login.js

@@ -50,8 +50,10 @@ const EmailInputForm = ({ value, onValidateEmail, onHandleUserNameChange, disabl
                 autoFocus={true}
                 onChange={onHandleUserNameChange}
                 error={emailError != ""}
-                helperText={emailError}
             />
+            {emailError != "" &&
+                <p className={styles.error_label} dangerouslySetInnerHTML={{__html: emailError}}></p>
+            }
             {emailError == "" &&
                 <Button variant="contained"
                     color="primary"
@@ -85,7 +87,8 @@ const PasswordInputForm = ({
                                forgotPasswordAction,
                                loginAttempts,
                                maxLoginFailedAttempts,
-                               userIsActive
+                               userIsActive,
+                               helpAction
                            }) => {
     return (
         <form method="post" action={formAction} onSubmit={onAuthenticate} target="_self">
@@ -148,7 +151,7 @@ const PasswordInputForm = ({
                     return (
                         <>
                             <p className={styles.error_label}>
-                                Your account has been locked due to multiple failed login attempts. Please contact support to unlock it.
+                                Your account has been locked due to multiple failed login attempts. Please <a href={helpAction}>contact support</a> to unlock it.
                             </p>
                         </>
                     );
@@ -589,7 +592,7 @@ class LoginPage extends React.Component {
 
             let error = '';
             if (response.is_active === false) {
-                error = 'Your user account is currently inactive. Please contact support for further assistance.';
+                error = `Your user account is currently locked. Please <a href="${this.props.helpAction}">contact support</a> for further assistance.`;
             } else if (response.is_active === true && response.is_verified === false) {
                 error = 'Your email has not been verified. Please check your inbox or resend the verification email.';
             }
@@ -820,6 +823,7 @@ class LoginPage extends React.Component {
                                     loginAttempts={this.props?.loginAttempts}
                                     maxLoginFailedAttempts={this.props?.maxLoginFailedAttempts}
                                     userIsActive={this.props?.user_is_active}
+                                    helpAction={this.props.helpAction}
                                 />
                                 <HelpLinks
                                     userName={this.state.user_name}