mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-27 19:56:47 +03:00
Code Issues Projects Releases Packages Wiki Activity

Convert forgot password to Field component

Browse source 
This converts all fields in the forgot password form to use the Field component.
This commit is contained in:
J. Ryan Stinnett 2019-03-05 15:39:51 +00:00
parent 5b1d361577
commit 302e601fa1
1 changed files with 18 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/components/structures/auth/ForgotPassword.js
View file

@ -230,6 +230,8 @@ module.exports = React.createClass({
}, },
renderForgot() { renderForgot() {
const Field = sdk.getComponent('elements.Field');
let errorText = null; let errorText = null;
const err = this.state.errorText || this.props.defaultServerDiscoveryError; const err = this.state.errorText || this.props.defaultServerDiscoveryError;
if (err) { if (err) {
@ -275,23 +277,33 @@ module.exports = React.createClass({
{errorText} {errorText}
<form onSubmit={this.onSubmitForm}> <form onSubmit={this.onSubmitForm}>
<div className="mx_AuthBody_fieldRow"> <div className="mx_AuthBody_fieldRow">
<input className="mx_Login_field" type="text" <Field
id="mx_ForgotPassword_email"
name="reset_email" // define a name so browser's password autofill gets less confused name="reset_email" // define a name so browser's password autofill gets less confused
type="text"
label={_t('Email')}
value={this.state.email} value={this.state.email}
onChange={this.onInputChanged.bind(this, "email")} onChange={this.onInputChanged.bind(this, "email")}
placeholder={_t('Email')} autoFocus /> autoFocus
/>
</div> </div>
<div className="mx_AuthBody_fieldRow"> <div className="mx_AuthBody_fieldRow">
<input className="mx_Login_field" type="password" <Field
id="mx_ForgotPassword_password"
name="reset_password" name="reset_password"
type="password"
label={_t('Password')}
value={this.state.password} value={this.state.password}
onChange={this.onInputChanged.bind(this, "password")} onChange={this.onInputChanged.bind(this, "password")}
placeholder={_t('Password')} /> />
<input className="mx_Login_field" type="password" <Field
id="mx_ForgotPassword_passwordConfirm"
name="reset_password_confirm" name="reset_password_confirm"
type="password"
label={_t('Confirm')}
value={this.state.password2} value={this.state.password2}
onChange={this.onInputChanged.bind(this, "password2")} onChange={this.onInputChanged.bind(this, "password2")}
placeholder={_t('Confirm')} /> />
</div> </div>
<span>{_t( <span>{_t(
'A verification email will be sent to your inbox to confirm ' + 'A verification email will be sent to your inbox to confirm ' +