diff --git a/resources/js/login/login.js b/resources/js/login/login.js
index 04816ad4..e15935c4 100644
--- a/resources/js/login/login.js
+++ b/resources/js/login/login.js
@@ -67,18 +67,19 @@ const PasswordInputForm = ({
onAuthenticate,
disableInput,
showPassword,
- passwordValue,
- passwordError,
- onUserPasswordChange,
- handleClickShowPassword,
- handleMouseDownPassword,
- userNameValue,
- csrfToken,
- shouldShowCaptcha,
- captchaPublicKey,
- onChangeRecaptcha,
- handleEmitOtpAction
-}) => {
+ passwordValue,
+ passwordError,
+ onUserPasswordChange,
+ handleClickShowPassword,
+ handleMouseDownPassword,
+ userNameValue,
+ csrfToken,
+ shouldShowCaptcha,
+ captchaPublicKey,
+ onChangeRecaptcha,
+ handleEmitOtpAction,
+ forgotPasswordAction
+ }) => {
return (
);
@@ -217,24 +232,24 @@ const OTPInputForm = ({
}
const HelpLinks = ({
- userName,
- showEmitOtpAction,
- forgotPasswordAction,
- showForgotPasswordAction,
- showVerifyEmailAction,
- verifyEmailAction,
- showHelpAction,
- helpAction,
- appName,
- emitOtpAction
-}) => {
+ userName,
+ showEmitOtpAction,
+ forgotPasswordAction,
+ showForgotPasswordAction,
+ showVerifyEmailAction,
+ verifyEmailAction,
+ showHelpAction,
+ helpAction,
+ appName,
+ emitOtpAction
+ }) => {
if (userName) {
forgotPasswordAction = `${forgotPasswordAction}?email=${encodeURIComponent(userName)}`;
}
return (
<>
-
+
{
showEmitOtpAction &&
@@ -275,44 +290,61 @@ const OTPHelpLinks = ({ emitOtpAction }) => {
const EmailErrorActions = ({ emitOtpAction, createAccountAction, onValidateEmail, disableInput }) => {
return (
-
-
-
- Access your account by having
- a single-use login code emailed to you. Or
- establish your account by setting up a password.
-
-
-
-
- Continue
-
+
+
+
+
+ Email me a one time use code
+
+
+
+
+ Register and set a password
+
+
+
+
+ Adjust email above and try again
+
+
);
}
-const ExistingAccountActions = ({ emitOtpAction, onAuthenticate, disableInput }) => {
+const ExistingAccountActions = ({emitOtpAction, forgotPasswordAction, userName}) => {
+ if (userName) {
+ forgotPasswordAction = `${forgotPasswordAction}?email=${encodeURIComponent(userName)}`;
+ }
+
return (
-
-
-
- You have an existing account. If you don't remember or never set a password,
- get a single-use login code emailed to you now.
-
-
-
+
+
- Continue
+ onClick={emitOtpAction}
+ type="button"
+ className={styles.secondary_btn}
+ color="primary">
+ Login by emailing me a one time use code
+
+
+ Reset your password
+
+
);
}
@@ -483,7 +515,7 @@ class LoginPage extends React.Component {
let newErrors = {};
newErrors['password'] = '';
- newErrors['email'] = "We could not find an Account with that email Address";
+ newErrors['email'] = " ";
if (status == 429) {
newErrors['email'] = "Too many requests. Try it later.";
@@ -539,30 +571,28 @@ class LoginPage extends React.Component {
-
+
- Sign in {this.state.user_fullname && }
- variant="outlined"
- className={styles.valid_user_name_chip}
- label={this.state.user_fullname}
- onDelete={this.handleDelete} />}
+ {this.state.errors.email ? 'Create an account for:' : 'Login'}
+ {this.state.user_fullname &&
+ }
+ variant="outlined"
+ className={styles.valid_user_name_chip}
+ label={this.state.user_fullname}
+ onDelete={this.handleDelete}/>
+ }
{!this.state.user_verified &&
<>
{this.state.allowNativeAuth &&
- <>
-
- {this.state.errors.email == '' &&
-
If you have just registered for an event or don't know your password, enter your email
- address and you'll be able to request a single-use login code.
- }
- >
+
}
{this.state.errors.email == '' &&
this.props.thirdPartyProviders.length > 0 &&
@@ -618,6 +648,7 @@ class LoginPage extends React.Component {
captchaPublicKey={this.props.captchaPublicKey}
onChangeRecaptcha={this.onChangeRecaptcha}
handleEmitOtpAction={this.handleEmitOtpAction}
+ forgotPasswordAction={this.props.forgotPasswordAction}
/>
diff --git a/resources/js/login/login.module.scss b/resources/js/login/login.module.scss
index f02d8203..6431b7f4 100644
--- a/resources/js/login/login.module.scss
+++ b/resources/js/login/login.module.scss
@@ -53,24 +53,33 @@ p > a {
h1.app_logo_container {
text-align: center;
}
- .app_logo{
- max-width: 40%;
- margin-bottom: 15%;
- }
- .continue_btn{
- float: right;
- margin-top: 30%;
- }
- .recaptcha{
- width: 100%;
- margin-top: 10px;
- margin-bottom: 10px;
- }
- .separator{
- color:$base-color;
- width: 100%;
- border: 1px solid;
- margin-bottom: 5%;
+
+ .app_logo {
+ max-width: 40%;
+ margin-bottom: 15%;
+ }
+
+ .continue_btn {
+ float: right;
+ margin-top: 30%;
+ }
+
+ .secondary_btn {
+ min-width: 300px;
+ text-transform: none;
+ }
+
+ .recaptcha {
+ width: 100%;
+ margin-top: 10px;
+ margin-bottom: 10px;
+ }
+
+ .separator {
+ color: $base-color;
+ width: 100%;
+ border: 1px solid;
+ margin-bottom: 5%;
margin-top: 5%;
}
}
diff --git a/resources/views/auth/register_success.blade.php b/resources/views/auth/register_success.blade.php
index ca3329f9..7fb46962 100644
--- a/resources/views/auth/register_success.blade.php
+++ b/resources/views/auth/register_success.blade.php
@@ -11,10 +11,13 @@
@section('content')
-
Thank you for creating an {!! Config::get("app.app_name") !!}. You will be receiving an email to verify your email address and
- then another confirming you have successfully created your {!! Config::get("app.app_name") !!} after your email is verified.
+
Almost done!
+
Final step: You will receive an email shortly asking you to verify your email address
+ by clicking a link.
+
Thank you for creating an {!! Config::get("app.app_name") !!}.
@if($redirect_uri)
-
Now you will be redirected to {{$redirect_uri}}
+
Now you will be redirected to {{$redirect_uri}}
@endif