Change:persist last search term #142

components/app/Appbar.vue

@@ -18,7 +18,7 @@
       <widgets-download-progress-indicator />
 
       <!-- Must be connected to a server to cast, only supports media items on server -->
-      <div v-show="isCastAvailable && user" class="mx-2 cursor-pointer mt-1">
+      <div v-show="isCastAvailable && user" class="mx-2 cursor-pointer mt-1.5">
         <span class="material-icons" :class="isCasting ? 'text-success' : ''" style="font-size: 1.6rem" @click="castClick">cast</span>
       </div>
 

pages/search.vue

@@ -76,7 +76,11 @@ export default {
   },
   methods: {
     async runSearch(value) {
+      if (this.isFetching && this.lastSearch === value) return
+
       this.lastSearch = value
+      this.$store.commit('globals/setLastSearch', value)
+
       if (!this.lastSearch) {
         this.bookResults = []
         this.podcastResults = []
@@ -89,6 +93,10 @@ export default {
         console.error('Search error', error)
         return []
       })
+      if (value !== this.lastSearch) {
+        console.log(`runSearch: New search was made for ${this.lastSearch} - results are from ${value}`)
+        return
+      }
       console.log('RESULTS', results)
 
       this.isFetching = false
@@ -113,8 +121,13 @@ export default {
     }
   },
   mounted() {
+    if (this.$store.state.globals.lastSearch) {
+      this.search = this.$store.state.globals.lastSearch
+      this.runSearch(this.search)
+    } else {
       this.$nextTick(this.setFocus())
     }
+  }
 }
 </script>
 

store/globals.js

@@ -2,7 +2,8 @@ export const state = () => ({
   itemDownloads: [],
   bookshelfListView: false,
   series: null,
-  localMediaProgress: []
+  localMediaProgress: [],
+  lastSearch: null
 })
 
 export const getters = {
@@ -82,5 +83,8 @@ export const mutations = {
   },
   removeLocalMediaProgress(state, id) {
     state.localMediaProgress = state.localMediaProgress.filter(lmp => lmp.id != id)
+  },
+  setLastSearch(state, val) {
+    state.lastSearch = val
   }
 }