IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

PeopleClient: ChangeEmailDialog: added new parameter for disabling buttons

Browse Source
This commit is contained in:
Daniil Senkiv 2019-12-13 12:19:45 +03:00
parent a0f40567d9
commit ad77105f83
1 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
products/ASC.People/Client/src/components/dialogs/ChangeEmailDialog/index.js
View File

@ -34,6 +34,7 @@ class PureChangeEmailDialog extends React.Component {
this.state = {
isEmailValid: true,
isRequestRunning: false,
email: newEmail,
id
};
@ -46,19 +47,25 @@ class PureChangeEmailDialog extends React.Component {
onChangeEmailInput = e => this.setState({ email: e.target.value });
onSendEmailChangeInstructions = () => {
sendInstructionsToChangeEmail(this.state.id, this.state.email)
.then((res) => {
toastr.success(res);
})
.catch((error) => toastr.error(error))
.finally(this.props.onClose());
this.setState({ isRequestRunning: true }, function () {
sendInstructionsToChangeEmail(this.state.id, this.state.email)
.then((res) => {
toastr.success(res);
})
.catch((error) => toastr.error(error))
.finally(() => {
this.props.onClose();
this.setState({ isRequestRunning: false });
});
})
}
render() {
console.log("ChangeEmailDialog render");
const { t, visible, newEmail, onClose } = this.props;
const { isEmailValid, email } = this.state;
const { isEmailValid, email, isRequestRunning } = this.state;
const isSendButtonDisabled = !isEmailValid || newEmail.toLowerCase() === email.toLowerCase();
return (
@ -96,6 +103,7 @@ class PureChangeEmailDialog extends React.Component {
primary={true}
onClick={this.onSendEmailChangeInstructions}
isDisabled={isSendButtonDisabled}
isLoading={isRequestRunning}
/>
<Button
key="CancelBtn"
@ -104,6 +112,7 @@ class PureChangeEmailDialog extends React.Component {
primary={false}
onClick={onClose}
className='cancel-btn'
isDisabled={isRequestRunning}
/>
</>
}