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 35e67a58..fc33e7fc 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);
+        }
       });
     }
   }