From f484f1194bb73e56b8a5b055456d53bcf5fc4f0b Mon Sep 17 00:00:00 2001
From: Ben Willmore <ben@willmore.eu>
Date: Sat, 26 Feb 2022 20:29:30 +0000
Subject: [PATCH] Search page: remember whether library or spotify is selected

---
 web-src/src/components/TabsSearch.vue | 10 ++++++----
 web-src/src/pages/PageSearch.vue      |  2 +-
 web-src/src/store/index.js            |  2 ++
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/web-src/src/components/TabsSearch.vue b/web-src/src/components/TabsSearch.vue
index faeb7cb6..ace4268f 100644
--- a/web-src/src/components/TabsSearch.vue
+++ b/web-src/src/components/TabsSearch.vue
@@ -5,7 +5,7 @@
         <div class="column is-four-fifths">
           <div class="tabs is-centered is-small is-toggle is-toggle-rounded">
             <ul>
-              <li :class="{ 'is-active': $route.path === '/search/library' }">
+              <li :class="{ 'is-active': $store.state.search_path === '/search/library' }">
                 <a @click="search_library">
                   <span class="icon is-small"
                     ><i class="mdi mdi-library-books"
@@ -13,7 +13,7 @@
                   <span class="">Library</span>
                 </a>
               </li>
-              <li :class="{ 'is-active': $route.path === '/search/spotify' }">
+              <li :class="{ 'is-active': $store.state.search_path === '/search/spotify' }">
                 <a @click="search_spotify">
                   <span class="icon is-small"
                     ><i class="mdi mdi-spotify"
@@ -56,15 +56,17 @@ export default {
 
   methods: {
     search_library: function () {
+      this.$store.state.search_path = '/search/library'
       this.$router.push({
-        path: '/search/library',
+        path: this.$store.state.search_path,
         query: this.route_query
       })
     },
 
     search_spotify: function () {
+      this.$store.state.search_path = '/search/spotify'
       this.$router.push({
-        path: '/search/spotify',
+        path: this.$store.state.search_path,
         query: this.route_query
       })
     }
diff --git a/web-src/src/pages/PageSearch.vue b/web-src/src/pages/PageSearch.vue
index d113c079..802005b6 100644
--- a/web-src/src/pages/PageSearch.vue
+++ b/web-src/src/pages/PageSearch.vue
@@ -473,7 +473,7 @@ export default {
       }
 
       this.$router.push({
-        path: '/search/library',
+        path: this.$store.state.search_path,
         query: {
           type: 'track,artist,album,playlist,audiobook,podcast,composer',
           query: this.search_query,
diff --git a/web-src/src/store/index.js b/web-src/src/store/index.js
index 41c700d2..ccbdc3ad 100644
--- a/web-src/src/store/index.js
+++ b/web-src/src/store/index.js
@@ -49,6 +49,8 @@ export default createStore({
         next_id: 1,
         list: []
       },
+
+      search_path: '/search/library',
       recent_searches: [],
 
       hide_singles: false,