Eagle eye related hotfixes (#52)

Author: mariobalca

frontend/src/modules/integration/components/integration-list.vue

@@ -159,9 +159,9 @@
                     >
                     <el-form-item>
                       <app-autocomplete-one-input
+                        v-model="twitter.hashtags[0]"
                         :fetch-fn="() => []"
                         :create-fn="createTwitterHashtag"
-                        :value="twitter.hashtags[0]"
                         :allow-create="true"
                         class="mt-2"
                         placeholder="Type to select hashtag"
@@ -401,12 +401,6 @@ export default {
       return { id: value, label: `#${value}` }
     },
 
-    handleTwitterHashtagsInput(hashtag) {
-      this.$nextTick(() => {
-        this.twitter.hashtags = [hashtag]
-      })
-    },
-
     statusToString(status) {
       if (status === 'done') {
         return 'Active'

frontend/src/premium/eagle-eye/components/eagle-eye-list-item.vue

@@ -175,6 +175,11 @@ export default {
 
     &-text {
       @apply text-sm text-gray-600;
+
+      pre,
+      code {
+        @apply whitespace-pre-wrap;
+      }
     }
   }
 }

frontend/src/shared/form/keywords-input.vue

@@ -28,7 +28,7 @@
         @input="inputKeyword"
         @keydown.delete.stop="removeLastKeyword"
         @keydown="addNew"
-        @blur="addNew"
+        @blur="blur"
       />
     </div>
     <span
@@ -88,6 +88,10 @@ export default {
     inputKeyword(ev) {
       this.newKeyword = ev.target.value
     },
+    blur(e) {
+      this.focused = false
+      this.addNew(e)
+    },
     addNew(e) {
       if (
         e &&
@@ -116,7 +120,6 @@ export default {
         this.keywordChange()
         this.newKeyword = ''
       }
-      this.focused = false
     },
     addKeyword(keyword) {
       keyword = keyword.trim()
@@ -162,6 +165,7 @@ export default {
   .el-tag {
     margin: 4px 0 4px 4px;
   }
+
   &.is-focus {
     border: 1px solid #0068bd;
   }