From 2360971b2061c9609be97e8a8bacd3d041b1fb65 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?No=C3=A9=20Viricel?= <noe.viricel@wazo-lab.io>
Date: Wed, 28 Oct 2020 14:31:40 +0100
Subject: [PATCH] WL-11 - Handle close feedback message + Reset form after
 submission + Honeypot value set to empty string

---
 components/Contact.vue | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/components/Contact.vue b/components/Contact.vue
index 784e8b2..ecc9867 100644
--- a/components/Contact.vue
+++ b/components/Contact.vue
@@ -17,7 +17,10 @@
         feedback.hasError ? "Error !" : "Thanks !"
       }}</strong>
       <span class="block sm:inline">{{ feedback.message }}</span>
-      <span class="absolute top-0 bottom-0 right-0 px-4 py-3">
+      <span
+        class="absolute top-0 bottom-0 right-0 px-4 py-3"
+        @click="closeFeedback"
+      >
         <svg
           :class="
             (feedback.hasError ? 'text-red-500' : 'text-green-500') +
@@ -114,7 +117,7 @@ export default {
         fullname: "",
         email: "",
         message: "",
-        honeypot: null
+        honeypot: ""
       },
       showFeedback: false,
       feedback: {
@@ -153,7 +156,20 @@ export default {
         })
         .finally(() => {
           this.showFeedback = true;
+          this.form = {
+            fullname: "",
+            email: "",
+            message: "",
+            honeypot: ""
+          };
         });
+    },
+    closeFeedback() {
+      this.showFeedback = false;
+      this.feedback = {
+        hasError: false,
+        message: ""
+      };
     }
   }
 };