From 8850bcd02cd8a540965ab1d45a981fdae9eb7866 Mon Sep 17 00:00:00 2001
From: Valentin Kaelin <kalanehd@gmail.com>
Date: Sun, 19 Jan 2020 17:03:40 +0100
Subject: [PATCH] fix: display reload button if summoner isn't playing

---
 client/src/mixins/liveGame.js        | 2 +-
 client/src/store/modules/summoner.js | 7 +++++++
 client/src/views/SummonerLive.vue    | 6 +++++-
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/client/src/mixins/liveGame.js b/client/src/mixins/liveGame.js
index c46d3d4..7567994 100644
--- a/client/src/mixins/liveGame.js
+++ b/client/src/mixins/liveGame.js
@@ -25,7 +25,7 @@ export const liveGame = {
       return gameModes[this.current.gameQueueConfigId]
     },
     gameStartTime() {
-      return this.current.gameStartTime
+      return this.current ? this.current.gameStartTime : 0
     },
     teamColor() {
       return this.current.participants.find(p => p.summonerId === this.account.id).teamId
diff --git a/client/src/store/modules/summoner.js b/client/src/store/modules/summoner.js
index d841fbe..7fc9da9 100644
--- a/client/src/store/modules/summoner.js
+++ b/client/src/store/modules/summoner.js
@@ -86,6 +86,11 @@ export const mutations = {
   SUMMONER_NOT_FOUND(state) {
     state.basic.status = 'error'
   },
+  SUMMONER_NOT_PLAYING(state) {
+    state.live.match = {}
+    state.live.playing = false
+    state.live.liveLoaded = false
+  }
 }
 
 export const actions = {
@@ -133,6 +138,8 @@ export const actions = {
 
     if (resp.data) {
       commit('LIVE_FOUND', { live: resp.data })
+    } else {
+      commit('SUMMONER_NOT_PLAYING')
     }
   },
   async moreMatches({ commit }) {
diff --git a/client/src/views/SummonerLive.vue b/client/src/views/SummonerLive.vue
index c3d4a09..bc1b05e 100644
--- a/client/src/views/SummonerLive.vue
+++ b/client/src/views/SummonerLive.vue
@@ -19,7 +19,11 @@
       <div class="mt-16 flex justify-center">
         <div class="bg-gradient px-4 py-3 rounded-lg text-center text-lg text-blue-100 font-bold">
           <div>This summoner is not in game.</div>
-          <div>🕊</div>
+          <div class="mt-2">🕊</div>
+          <button
+            @click="liveMatchRequest"
+            class="my-4 bg-blue-800 px-3 py-1 text-sm text-blue-100 rounded-md shadow-md hover:bg-blue-760"
+          >Reload</button>
         </div>
       </div>
     </div>