bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

SecurityForm: Disable on submit

Browse source
This commit is contained in:
Alex Gleason 2020-06-05 14:50:24 -05:00
parent 91d511c4b9
commit 683950b73c
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 28 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
app/soapbox/features/security/index.js
View file

@ -33,6 +33,7 @@ class Security extends ImmutablePureComponent {
state = {
email: '',
password: '',
isLoading: false,
}
handleInputChange = e => {
@ -42,12 +43,15 @@ class Security extends ImmutablePureComponent {
handleSubmit = e => {
const { email, password } = this.state;
const { dispatch, intl } = this.props;
dispatch(changeEmail(email, password)).then(() => {
this.setState({ isLoading: true });
return dispatch(changeEmail(email, password)).then(() => {
this.setState({ email: '', password: '' }); // TODO: Maybe redirect user
dispatch(showAlert('', intl.formatMessage(messages.updateEmailSuccess)));
}).catch(error => {
this.setState({ password: '' });
dispatch(showAlert('', intl.formatMessage(messages.updateEmailFail)));
}).then(() => {
this.setState({ isLoading: false });
});
}
@ -57,27 +61,29 @@ class Security extends ImmutablePureComponent {
return (
<Column icon='lock' heading={intl.formatMessage(messages.heading)} backBtnSlim>
<SimpleForm onSubmit={this.handleSubmit}>
<FieldsGroup>
<TextInput
label='Email address'
placeholder='me@example.com'
name='email'
onChange={this.handleInputChange}
value={this.state.email}
/>
<SimpleInput
type='password'
label='Password'
name='password'
onChange={this.handleInputChange}
value={this.state.password}
/>
<div className='actions'>
<button name='button' type='submit' className='btn button button-primary'>
{intl.formatMessage(messages.submit)}
</button>
</div>
</FieldsGroup>
<fieldset disabled={this.state.isLoading}>
<FieldsGroup>
<TextInput
label='Email address'
placeholder='me@example.com'
name='email'
onChange={this.handleInputChange}
value={this.state.email}
/>
<SimpleInput
type='password'
label='Password'
name='password'
onChange={this.handleInputChange}
value={this.state.password}
/>
<div className='actions'>
<button name='button' type='submit' className='btn button button-primary'>
{intl.formatMessage(messages.submit)}
</button>
</div>
</FieldsGroup>
</fieldset>
</SimpleForm>
</Column>
);