From b731f0e030292626d244b31ecfaa241753b59ee4 Mon Sep 17 00:00:00 2001
From: Leo Mouyna <mouynaleo@gmail.com>
Date: Mon, 9 Dec 2019 21:38:29 +0100
Subject: [PATCH] fix: Clear errors on resend password page.
Only add a new error if it's not in the list yet, and remove error from list when message is closed.
See issue: #298
---
js/src/views/User/SendPasswordReset.vue | 13 +++++++++++--
1 file changed, 11 insertions(+), 2 deletions(-)
diff --git a/js/src/views/User/SendPasswordReset.vue b/js/src/views/User/SendPasswordReset.vue
index 35e67a588..fc33e7fc5 100644
--- a/js/src/views/User/SendPasswordReset.vue
+++ b/js/src/views/User/SendPasswordReset.vue
@@ -5,7 +5,10 @@
<h1 class="title">
{{ $t('Password reset') }}
</h1>
- <b-message title="Error" type="is-danger" v-for="error in errors" :key="error">{{ error }}</b-message>
+ <b-message
+ title="Error" type="is-danger" v-for="error in errors" :key="error" @close="removeError(error)">
+ {{ error }}
+ </b-message>
<form @submit="sendResetPasswordTokenAction" v-if="!validationSent">
<b-field label="Email">
<b-input aria-required="true" required type="email" v-model="credentials.email"/>
@@ -59,6 +62,10 @@ export default class SendPasswordReset extends Vue {
this.credentials.email = this.email;
}
+ removeError(message: string) {
+ this.errors.splice(this.errors.indexOf(message))
+ }
+
async sendResetPasswordTokenAction(e) {
e.preventDefault();
@@ -74,7 +81,9 @@ export default class SendPasswordReset extends Vue {
} catch (err) {
console.error(err);
err.graphQLErrors.forEach(({ message }) => {
- this.errors.push(message);
+ if (this.errors.indexOf(message) < 0){
+ this.errors.push(message);
+ }
});
}
}