Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-23 00:48:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

Fixes forgot password for invalid email (#753)

Browse source 
* Fix forgot password for invalid email

* Fix review comments
This commit is contained in:
Viraj Bahulkar 2021-09-15 12:48:15 +05:30 committed by GitHub
parent e3a472eefe
commit 82f33bbdaa
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
frontend/src/ForgotPassword/ForgotPasswordPage.jsx
View file

@ -10,15 +10,22 @@ class ForgotPassword extends React.Component {
this.state = {
isLoading: false,
email: '',
isEmailFound: false,
buttonClicked: false,
};
}
handleChange = (event) => {
this.setState({ [event.target.name]: event.target.value });
if (event.target.value == '') {
this.setState({ isEmailFound: false, buttonClicked: false });
}
};
handleClick = (event) => {
this.setState({ buttonClicked: true });
event.preventDefault();
fetch(`${config.apiUrl}/forgot_password`, {
method: 'POST',
headers: {
@ -26,7 +33,14 @@ class ForgotPassword extends React.Component {
},
body: JSON.stringify({ email: this.state.email }),
})
.then((res) => res.json())
.then((res) => {
if (res.ok) {
this.setState({ isEmailFound: true });
return res.json();
} else {
this.setState({ isEmailFound: false });
}
})
.then((res) => {
if (res.error) {
toast.error(res.error, { toastId: 'toast-forgot-password-email-error' });
@ -61,12 +75,16 @@ class ForgotPassword extends React.Component {
placeholder="Enter email"
data-testid="emailField"
/>
{this.state.buttonClicked && !this.state.isEmailFound && (
<p style={{ color: '#b72525' }}>Email address is not associated with a ToolJet cloud account.</p>
)}
</div>
<div className="form-footer">
<button
data-testid="submitButton"
className={`btn btn-primary w-100 ${isLoading ? 'btn-loading' : ''}`}
onClick={this.handleClick}
disabled={!this.state.email}
>
Submit
</button>