fix: filter champions by queue: reset queue when tab is changed

client/src/components/Summoner/Champions/FilterQueue.vue

@@ -18,6 +18,8 @@
 </template>
 
 <script>
+import { mapActions } from 'vuex'
+
 export default {
   props: {
     choices: {
@@ -36,10 +38,17 @@ export default {
     this.queue = -1
   },
 
+  destroyed() {
+    // Reload all champions stats for next user visit of the champions tab
+    if (this.queue !== -1)
+      this.championsNotLoaded()
+  },
+
   methods: {
     filterQueue() {
       this.$emit('filter-queue', this.queue)
-    }
+    },
+    ...mapActions('summoner', ['championsNotLoaded']),
   }
 }
 </script>

client/src/store/modules/summoner.js

@@ -31,6 +31,9 @@ export const mutations = {
     state.champions.championsLoaded = false
     state.overview.loaded = false
   },
+  CHAMPIONS_NOT_FOUND(state) {
+    state.champions.championsLoaded = false
+  },
   CHAMPIONS_FOUND(state, { champions }) {
     state.champions.list = champions
     state.champions.championsLoaded = true
@@ -91,6 +94,9 @@ export const actions = {
       console.log(error)
     }
   },
+  championsNotLoaded({ commit }) {
+    commit('CHAMPIONS_NOT_FOUND')
+  },
   async championsRequest({ commit }, queue = null) {
     const resp = await axios(({ url: 'summoner-champions', data: { puuid: state.basic.account.puuid, queue: queue }, method: 'POST' })).catch(() => { })
     console.log('---CHAMPIONS---')