fix: email verify modal button placement

This commit is contained in:
Sean Yesmunt 2018-06-19 23:55:32 -04:00 committed by seanyesmunt
parent da96f28794
commit 8b249a20a5
2 changed files with 19 additions and 7 deletions

View file

@ -8,6 +8,7 @@ type Props = {
errorMessage: ?string,
email: string,
isPending: boolean,
onModal?: boolean,
verifyUserEmail: (string, string) => void,
verifyUserEmailFailure: string => void,
resendVerificationEmail: string => void,
@ -50,7 +51,7 @@ class UserEmailVerify extends React.PureComponent<Props, State> {
}
render() {
const { cancelButton, errorMessage, email, isPending } = this.props;
const { cancelButton, errorMessage, email, isPending, onModal } = this.props;
return (
<Form onSubmit={this.handleSubmit}>
@ -77,12 +78,23 @@ class UserEmailVerify extends React.PureComponent<Props, State> {
<div className="card__actions">
<Submit label={__('Verify')} disabled={isPending} />
{cancelButton}
<Button
button="link"
label={__('Resend verification email')}
onClick={this.handleResendVerificationEmail}
/>
{!onModal && (
<Button
button="link"
label={__('Resend verification email')}
onClick={this.handleResendVerificationEmail}
/>
)}
</div>
{onModal && (
<div className="card__actions help">
<Button
button="link"
label={__('Resend verification email')}
onClick={this.handleResendVerificationEmail}
/>
</div>
)}
</Form>
);
}

View file

@ -20,7 +20,7 @@ class ModalEmailCollection extends React.PureComponent<Props> {
if (user && !user.has_verified_email && !email) {
return <UserEmailNew cancelButton={cancelButton} />;
} else if (user && !user.has_verified_email) {
return <UserEmailVerify cancelButton={cancelButton} />;
return <UserEmailVerify onModal cancelButton={cancelButton} />;
}
return closeModal();