r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

fix lag on password reset form

Browse source
This commit is contained in:
Cassie Tarakajian 2016-10-19 11:34:08 -04:00
parent 8b35951ba4
commit 4ff6ac1021
3 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
client/modules/IDE/components/ResetPasswordForm.js
View file

@ -13,7 +13,7 @@ function ResetPasswordForm(props) {
{...email}
/>
</p>
<input type="submit" disabled={submitting || invalid || pristine} value="Send password reset email" aria-label="Send email to reset password" />
<input type="submit" disabled={submitting || invalid || pristine || props.user.resetPasswordInitiate} value="Send password reset email" aria-label="Send email to reset password" />
</form>
);
}
@ -26,7 +26,10 @@ ResetPasswordForm.propTypes = {
initiateResetPassword: PropTypes.func.isRequired,
submitting: PropTypes.bool,
invalid: PropTypes.bool,
pristine: PropTypes.bool
pristine: PropTypes.bool,
user: PropTypes.shape({
resetPasswordInitiate: PropTypes.bool
})
};
export default ResetPasswordForm;

7
client/modules/User/actions.js
View file

@ -107,11 +107,12 @@ export function logoutUser() {
export function initiateResetPassword(formValues) {
return (dispatch) => {
dispatch({
type: ActionTypes.RESET_PASSWORD_INITIATE
});
axios.post(`${ROOT_URL}/reset-password`, formValues, { withCredentials: true })
.then(() => {
dispatch({
type: ActionTypes.RESET_PASSWORD_INITIATE
});
// do nothing
})
.catch(response => dispatch({
type: ActionTypes.ERROR,

4
client/styles/abstracts/_placeholders.scss
View file

@ -59,12 +59,12 @@
border: 1px solid getThemifyVariable('button-border-color');
border-radius: 2px;
padding: #{10 / $base-font-size}rem #{30 / $base-font-size}rem;
&:hover {
&:enabled:hover {
border-color: getThemifyVariable('button-background-hover-color');
background-color: getThemifyVariable('button-background-hover-color');
color: getThemifyVariable('button-hover-color');
}
&:active {
&:enabled:active {
border-color: getThemifyVariable('button-background-active-color');
background-color: getThemifyVariable('button-background-active-color');
color: getThemifyVariable('button-active-color');