From c0ff2890766b3628485df194005f8a13d0c73ac8 Mon Sep 17 00:00:00 2001
From: Kavin <20838718+FireMasterK@users.noreply.github.com>
Date: Tue, 19 Jul 2022 21:46:50 +0530
Subject: [PATCH] Add filter parameter in search.

Closes #1117
---
 src/components/SearchResults.vue | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/components/SearchResults.vue b/src/components/SearchResults.vue
index 1a34bec8..7cc1c08a 100644
--- a/src/components/SearchResults.vue
+++ b/src/components/SearchResults.vue
@@ -4,13 +4,7 @@
     <label for="ddlSearchFilters">
         <strong v-text="`${$t('actions.filter')}:`" />
     </label>
-    <select
-        id="ddlSearchFilters"
-        v-model="selectedFilter"
-        default="all"
-        class="select w-auto"
-        @change="updateResults()"
-    >
+    <select id="ddlSearchFilters" v-model="selectedFilter" default="all" class="select w-auto" @change="updateFilter()">
         <option v-for="filter in availableFilters" :key="filter" :value="filter" v-t="`search.${filter}`" />
     </select>
 
@@ -77,7 +71,7 @@ export default {
                 "music_albums",
                 "music_playlists",
             ],
-            selectedFilter: "all",
+            selectedFilter: this.$route.query.filter ?? "all",
         };
     },
     mounted() {
@@ -98,13 +92,21 @@ export default {
         async fetchResults() {
             return await await this.fetchJson(this.apiUrl() + "/search", {
                 q: this.$route.query.search_query,
-                filter: this.selectedFilter,
+                filter: this.$route.query.filter ?? "all",
             });
         },
         async updateResults() {
             document.title = this.$route.query.search_query + " - Piped";
             this.results = this.fetchResults().then(json => (this.results = json));
         },
+        updateFilter() {
+            this.$router.replace({
+                query: {
+                    search_query: this.$route.query.search_query,
+                    filter: this.selectedFilter,
+                },
+            });
+        },
         handleScroll() {
             if (this.loading || !this.results || !this.results.nextpage) return;
             if (window.innerHeight + window.scrollY >= document.body.offsetHeight - window.innerHeight) {
@@ -112,7 +114,7 @@ export default {
                 this.fetchJson(this.apiUrl() + "/nextpage/search", {
                     nextpage: this.results.nextpage,
                     q: this.$route.query.search_query,
-                    filter: this.selectedFilter,
+                    filter: this.$route.query.filter ?? "all",
                 }).then(json => {
                     this.results.nextpage = json.nextpage;
                     this.results.id = json.id;