fix: timer really fix this time, hopefully

client/src/components/Match/LiveMatch.vue

@@ -23,7 +23,7 @@
           <router-link
             v-if="!ally.bot"
             :to="{ name: 'summoner', params: { region: $route.params.region, name: ally.summonerName }}"
-            :class="[compareSummonernames($route.params.name, ally.summonerName) ? 'text-white' : 'text-blue-200']"
+            :class="[ally.summonerId === account.id ? 'text-white' : 'text-blue-200']"
             class="relative ml-2 hover:text-white"
           >{{ ally.summonerName }}</router-link>
         </li>

client/src/mixins/liveGame.js

@@ -1,4 +1,3 @@
-import { compareSummonernames } from '@/helpers/functions.js'
 import { gameModes } from '@/data/data.js'
 import { mapState } from 'vuex'
 
@@ -26,7 +25,7 @@ export const liveGame = {
       return gameModes[this.current.gameQueueConfigId]
     },
     gameStartTime() {
-      return (new Date() - new Date(this.current.gameStartTime)) / 1000
+      return this.current.gameStartTime
     },
     teamColor() {
       return this.current.participants.find(p => p.summonerId === this.account.id).teamId
@@ -38,14 +37,26 @@ export const liveGame = {
   },
 
   created() {
-    this.gameLength = this.current ? this.gameStartTime : 0
+    this.updateGameLength()
 
     setInterval(() => {
       this.gameLength++
     }, 1000)
   },
 
+  watch: {
+    gameStartTime() {
+      this.updateGameLength()
+    }
+  },
+
   methods: {
-    compareSummonernames,
+    updateGameLength() {
+      if (this.gameStartTime === 0) {
+        return this.gameLength = 0
+      }
+
+      this.gameLength = (new Date() - new Date(this.gameStartTime)) / 1000
+    },
   }
 }

client/src/views/SummonerLive.vue

@@ -50,7 +50,6 @@ export default {
   watch: {
     summonerFound() {
       this.fetchData()
-      this.gameLength = this.live ? this.gameStartTime : 0
     }
   },
 
@@ -59,10 +58,9 @@ export default {
   },
 
   methods: {
-    async fetchData() {
+    fetchData() {
       if (this.playing && !this.liveLoaded && this.summonerFound) {
-        await this.liveMatchRequest()
-        this.gameLength = this.gameStartTime
+        this.liveMatchRequest()
       }
     },
     ...mapActions('summoner', ['liveMatchRequest']),