From 19886b40bdbab22589f8d14c69c3c489070e7db5 Mon Sep 17 00:00:00 2001
From: Pranav Raj S <pranavrajs@gmail.com>
Date: Sun, 3 May 2020 14:45:33 +0530
Subject: [PATCH] Chore: Add enter key listener for email input box (#809)

* Chore: Add enter key listener for email input box
---
 .../widget/components/template/EmailInput.vue          | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/javascript/widget/components/template/EmailInput.vue b/app/javascript/widget/components/template/EmailInput.vue
index 9d4d4a57c..71e45f0a0 100644
--- a/app/javascript/widget/components/template/EmailInput.vue
+++ b/app/javascript/widget/components/template/EmailInput.vue
@@ -7,10 +7,11 @@
     >
       <input
         v-model.trim="email"
-        class="form-input small"
+        class="form-input"
         placeholder="Please enter your email"
         :class="{ error: $v.email.$error }"
         @input="$v.email.$touch"
+        @keyup.enter="onSubmit"
       />
       <button
         class="button"
@@ -68,6 +69,10 @@ export default {
   },
   methods: {
     onSubmit() {
+      if (this.$v.$invalid) {
+        return;
+      }
+
       this.$store.dispatch('message/update', {
         email: this.email,
         messageId: this.messageId,
@@ -86,8 +91,9 @@ export default {
   min-width: 200px;
 
   input {
-    border-top-right-radius: 0;
     border-bottom-right-radius: 0;
+    border-top-right-radius: 0;
+    padding: $space-one;
 
     &.error {
       border-color: $color-error;