From 730a96f1335b397a7d574e5d080b5c3e3c83024f Mon Sep 17 00:00:00 2001
From: Sam Calder-Mason <sam@puritydev.io>
Date: Sun, 15 Jul 2018 16:31:39 +1000
Subject: [PATCH] User list time comp

---
 src/sidebar.vue | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/sidebar.vue b/src/sidebar.vue
index 16ffa860..c622880a 100644
--- a/src/sidebar.vue
+++ b/src/sidebar.vue
@@ -98,9 +98,16 @@ export default {
   },
   data () {
     return {
-      messageToBeSent: ''
+      messageToBeSent: '',
+      lastRecievedUpdate: new Date().getTime(),
+      now: new Date().getTime()
     }
   },
+  mounted: function () {
+    setInterval(() => {
+      this.now = new Date().getTime()
+    }, 250)
+  },
   watch: {
     messages: function () {
       var options = {
@@ -110,6 +117,12 @@ export default {
         cancelable: false
       }
       this.$scrollTo('#lastMessage', 5, options)
+    },
+    ptUsers: {
+      deep: true,
+      handler: function () {
+        this.lastRecievedUpdate = new Date().getTime()
+      }
     }
   },
   computed: {
@@ -203,6 +216,9 @@ export default {
     },
     messages: function () {
       return this.$store.getters.getMessages
+    },
+    difference: function () {
+      return Math.abs(this.now - this.lastRecievedUpdate)
     }
   },
   methods: {
@@ -249,10 +265,10 @@ export default {
       }
     },
     getCurrent: function (user) {
-      if (isNaN(user.time)) {
+      if (isNaN(user.time) || user.time === 0 || !user.time) {
         return this.getTimeFromMs(0)
       }
-      return this.getTimeFromMs(user.time)
+      return this.getTimeFromMs(user.time + this.difference)
     },
     getMax: function (user) {
       if (isNaN(user.maxTime)) {