Prevent certain search filter combinations from being used

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

@@ -14,6 +14,10 @@ export default Vue.extend({
     values: {
       type: Array,
       required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: false
     }
   },
   data: function () {
@@ -31,5 +35,10 @@ export default Vue.extend({
   mounted: function () {
     this.id = this._uid
     this.selectedValue = this.values[0]
+  },
+  methods: {
+    updateSelectedValue: function (value) {
+      this.selectedValue = value
+    }
   }
 })

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

@@ -15,6 +15,7 @@
         :name="inputName"
         :value="values[index]"
         :checked="index === 0"
+        :disabled="disabled"
         class="radio"
         type="radio"
         @change="$emit('change', values[index])"

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

@@ -85,14 +85,32 @@ export default Vue.extend({
     },
 
     updateTime: function (value) {
+      if (this.searchSettings.type !== 'video') {
+        const typeRadio = this.$refs.typeRadio
+        typeRadio.updateSelectedValue('all')
+        this.updateType('all')
+      }
       this.$store.commit('setSearchTime', value)
     },
 
     updateType: function (value) {
+      if (value === 'channel' || value === 'playlist') {
+        const timeRadio = this.$refs.timeRadio
+        const durationRadio = this.$refs.durationRadio
+        timeRadio.updateSelectedValue('')
+        durationRadio.updateSelectedValue('')
+        this.updateTime('')
+        this.updateDuration('')
+      }
       this.$store.commit('setSearchType', value)
     },
 
     updateDuration: function (value) {
+      if (value !== '' && this.searchSettings.type !== 'video') {
+        const typeRadio = this.$refs.typeRadio
+        typeRadio.updateSelectedValue('all')
+        this.updateType('all')
+      }
       this.$store.commit('setSearchDuration', value)
     }
   }

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

@@ -9,6 +9,7 @@
         :labels="sortByLabels"
         :values="sortByValues"
         class="searchRadio"
+        ref="sortByRadio"
         @change="updateSortBy"
       />
       <ft-radio-button
@@ -16,6 +17,7 @@
         :labels="timeLabels"
         :values="timeValues"
         class="searchRadio"
+        ref="timeRadio"
         @change="updateTime"
       />
       <ft-radio-button
@@ -23,6 +25,7 @@
         :labels="typeLabels"
         :values="typeValues"
         class="searchRadio"
+        ref="typeRadio"
         @change="updateType"
       />
       <ft-radio-button
@@ -30,6 +33,7 @@
         :labels="durationLabels"
         :values="durationValues"
         class="searchRadio"
+        ref="durationRadio"
         @change="updateDuration"
       />
     </ft-flex-box>