From bc3c608277ad92f76bebb853a01f653e07c64bc3 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyasthomas@gmail.com>
Date: Mon, 2 Dec 2019 22:52:11 +0530
Subject: [PATCH] :bug: Fixed connect icon

---
 components/history.vue |  7 ++++---
 pages/realtime.vue     | 12 +++---------
 2 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/components/history.vue b/components/history.vue
index 28f3261e7..b9218da0e 100644
--- a/components/history.vue
+++ b/components/history.vue
@@ -225,9 +225,9 @@
             </div>
             <div>
               <button class="icon" @click="toggleCollapse()">
-                <i class="material-icons">{{
-                  !showMore ? "first_page" : "last_page"
-                }}</i>
+                <i class="material-icons">
+                  {{ !showMore ? "first_page" : "last_page" }}
+                </i>
                 <span>{{ !showMore ? "Show more" : "Hide more" }}</span>
               </button>
             </div>
@@ -272,6 +272,7 @@
 .fade-leave-active {
   transition: all 0.2s;
 }
+
 .fade-enter,
 .fade-leave-to {
   opacity: 0;
diff --git a/pages/realtime.vue b/pages/realtime.vue
index 95d471bdf..55b78ac67 100644
--- a/pages/realtime.vue
+++ b/pages/realtime.vue
@@ -25,10 +25,10 @@
                   name="connect"
                   @click="toggleConnection"
                 >
-                  {{ toggleConnectionVerb }}
+                  {{ !connectionState ? "Connect" : "Disconnect" }}
                   <span>
                     <i class="material-icons">
-                      {{ connectionState ? "sync" : "sync_disabled" }}
+                      {{ !connectionState ? "sync" : "sync_disabled" }}
                     </i>
                   </span>
                 </button>
@@ -114,7 +114,7 @@
                   name="start"
                   @click="toggleSSEConnection"
                 >
-                  {{ toggleSSEConnectionVerb }}
+                  {{ !connectionSSEState ? "Start" : "Stop" }}
                   <span>
                     <i class="material-icons">
                       {{ !connectionSSEState ? "sync" : "sync_disabled" }}
@@ -205,9 +205,6 @@ export default {
     };
   },
   computed: {
-    toggleConnectionVerb() {
-      return !this.connectionState ? "Connect" : "Disconnect";
-    },
     urlValid() {
       const pattern = new RegExp(
         "^(wss?:\\/\\/)?" +
@@ -220,9 +217,6 @@ export default {
       );
       return pattern.test(this.url);
     },
-    toggleSSEConnectionVerb() {
-      return !this.connectionSSEState ? "Start" : "Stop";
-    },
     serverValid() {
       const pattern = new RegExp(
         "^(http(s)?:\\/\\/)?" +