Convert stats to dialog

components/GlobalDialogs.vue

@@ -49,6 +49,12 @@
         </v-card-actions>
       </v-card>
     </v-dialog>
+
+    <v-dialog v-model='showStatsDialog' max-width='1100' scrollable>
+      <v-card class="pt-3">
+        <wotw-stats-single-game-stat-view />
+      </v-card>
+    </v-dialog>
   </div>
 </template>
 
@@ -76,7 +82,15 @@
         get() {
           return this.$store.state.electron.showUpdateAvailableDialog
         },
-      }
+      },
+      showStatsDialog: {
+        set(value) {
+          this.$store.commit('electron/setShowStatsDialog', value)
+        },
+        get() {
+          return this.$store.state.electron.showStatsDialog
+        },
+      },
     },
     methods: {
       async downloadAndInstallUpdate() {

components/Layout/Default.vue

@@ -94,7 +94,7 @@
 
           window.electronApi.on('game.gameFinished', () => {
             if (this.settingsLoaded && this.settings['Flags.ShowStatsAfterFinish']) {
-              this.$router.push({ name: 'electron-stats' })
+              this.$store.commit('electron/setShowStatsDialog', true)
               window.electronApi.invoke('launcher.focusMainWindow')
             }
           })

components/WotwPageToolbar.vue

@@ -17,7 +17,7 @@
         My Games
       </v-btn>
       <template v-if="isElectron">
-        <v-btn v-if="randoIpcConnected" key="stats" x-large depressed text to="/electron/stats">
+        <v-btn v-if="randoIpcConnected" key="stats" x-large depressed text @click="showStats">
           <v-icon left>mdi-chart-box-outline</v-icon>
           Stats
         </v-btn>
@@ -262,7 +262,7 @@
         this.remoteTrackerUrlCopying = true
 
         const args = {}
-        
+
         // remote
         if (this.remoteTrackerSettings.remote) {
           const remoteId = await window.electronApi.invoke('localTracker.expose', {
@@ -280,7 +280,7 @@
         // willow hearts
         if(this.remoteTrackerSettings.willowHearts){
           args.hearts= 'true'
-          
+
           // hide willow hearts until first is destroyed
           if(this.remoteTrackerSettings.hideHeartsUntilFirstHeart){
             args.hideHeartsUntilFirst= 'true'
@@ -317,6 +317,9 @@
       openRandoDevtools() {
         window.electronApi.invoke('devtools.open')
       },
+      showStats() {
+        this.$store.commit('electron/setShowStatsDialog', true)
+      },
     },
   }
 </script>

store/electron.js

@@ -15,6 +15,7 @@ export const state = () => ({
   newGameSeedSource: null,
   currentSupportBundleName: null,
   showUpdateAvailableDialog: false,
+  showStatsDialog: false,
   localTrackerRunning: false,
   randoIpcConnected: false,
 })
@@ -96,6 +97,9 @@ export const mutations = {
   setShowUpdateAvailableDialog(state, value) {
     state.showUpdateAvailableDialog = value
   },
+  setShowStatsDialog(state, value) {
+    state.showStatsDialog = value
+  },
   setUpdateDownloadProgress(state, value) {
     state.updateDownloadProgress = value
   },