reset selected filters after search

src/renderer/components/ft-radio-button/ft-radio-button.js

@@ -18,19 +18,30 @@ export default defineComponent({
     disabled: {
       type: Boolean,
       default: false
+    },
+    selected: {
+      type: String,
+      default: ''
     }
   },
   emits: ['change'],
   data: function () {
     return {
       id: '',
-      selectedValue: ''
     }
   },
   computed: {
     inputName: function () {
       const name = this.title.replace(' ', '')
       return name.toLowerCase() + this.id
+    },
+    selectedValue: {
+      get: function () {
+        return this.selected || this.values[0]
+      },
+      set: function (value) {
+        this.$emit('change', value)
+      }
     }
   },
   mounted: function () {

src/renderer/components/ft-search-filters/ft-search-filters.vue

@@ -10,6 +10,7 @@
           :title="$t('Search Filters.Sort By.Sort By')"
           :labels="sortByLabels"
           :values="sortByValues"
+          :selected="searchSettings.sortBy"
           class="searchRadio"
           @change="updateSortBy"
         />
@@ -18,6 +19,7 @@
           :title="$t('Search Filters.Time.Time')"
           :labels="timeLabels"
           :values="timeValues"
+          :selected="searchSettings.time"
           class="searchRadio"
           @change="updateTime"
         />
@@ -26,6 +28,7 @@
           :title="$t('Search Filters.Type.Type')"
           :labels="typeLabels"
           :values="typeValues"
+          :selected="searchSettings.type"
           class="searchRadio"
           @change="updateType"
         />
@@ -34,6 +37,7 @@
           :title="$t('Search Filters.Duration.Duration')"
           :labels="durationLabels"
           :values="durationValues"
+          :selected="searchSettings.duration"
           class="searchRadio"
           @change="updateDuration"
         />

src/renderer/components/top-nav/top-nav.js

@@ -133,6 +133,12 @@ export default defineComponent({
 
       clearLocalSearchSuggestionsSession()
 
+      // Reset search filters if searching another query
+      if (this.$route.params.query && this.$route.params.query !== query) {
+        this.$store.commit('setSearchSettingsToDefault')
+        this.searchFilterValueChanged = false
+      }
+
       this.getYoutubeUrlInfo(query).then((result) => {
         switch (result.urlType) {
           case 'video': {

src/renderer/store/modules/utils.js

@@ -937,6 +937,15 @@ const mutations = {
 
   setExternalPlayerCmdArguments (state, value) {
     state.externalPlayerCmdArguments = value
+  },
+
+  setSearchSettingsToDefault (state) {
+    state.searchSettings = {
+      sortBy: 'relevance',
+      time: '',
+      type: 'all',
+      duration: ''
+    }
   }
 }