From b965fdf5c9dd7a3110266bb13a6ce5b1f7d0b50c Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Wed, 16 Dec 2020 09:34:38 -0400
Subject: [PATCH] Replace refresh with refetch

---
 web/src/components/widgets/StatsWidget.vue |  2 +-
 web/src/views/UserPresence.vue             | 21 +++++++++++++++++----
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/web/src/components/widgets/StatsWidget.vue b/web/src/components/widgets/StatsWidget.vue
index 9458cbd..a62caed 100644
--- a/web/src/components/widgets/StatsWidget.vue
+++ b/web/src/components/widgets/StatsWidget.vue
@@ -89,7 +89,7 @@ export default {
           }
         `,
         result(data) {
-          this.$apollo.queries.stats.refresh()
+          this.$apollo.queries.stats.refetch()
         }
       }
     },
diff --git a/web/src/views/UserPresence.vue b/web/src/views/UserPresence.vue
index 2c51f22..47790f3 100644
--- a/web/src/views/UserPresence.vue
+++ b/web/src/views/UserPresence.vue
@@ -30,10 +30,23 @@
     </v-toolbar>
     <v-container fluid class="mb-12">
       <div v-if="stats" class="text-center my-4">
-        <v-chip color="primary" class="mr-2" dark>
+        <v-chip color="primary" class="mr-1" dark>
           {{ stats.onlineUsers }}
         </v-chip>
         usuários online.
+        <v-scale-transition>
+          <span v-if="search">
+            <v-chip color="primary" class="ml-2 mr-1" dark>
+              {{
+                userPresence.filter(
+                  presence => presence.wifiDevices[0].isOnline
+                ).length
+              }}
+              / {{ userPresence.length }}
+            </v-chip>
+            na sua pesquisa.
+          </span>
+        </v-scale-transition>
       </div>
 
       <UserPresenceStatusList
@@ -155,7 +168,7 @@ export default {
       `,
       variables() {
         return {
-          search: this.search
+          search: this.search?.trim()
         }
       },
       debounce: 250
@@ -177,8 +190,8 @@ export default {
           }
         `,
         result() {
-          this.$apollo.queries.userPresence.refresh()
-          this.$apollo.queries.stats.refresh()
+          this.$apollo.queries.userPresence.refetch()
+          this.$apollo.queries.stats.refetch()
         }
       }
     }