hide `Most Popular` if invidious is disabled (#2772)

src/renderer/components/side-nav-more-options/side-nav-more-options.js

@@ -8,6 +8,12 @@ export default Vue.extend({
     }
   },
   computed: {
+    backendFallback: function () {
+      return this.$store.getters.getBackendFallback
+    },
+    backendPreference: function () {
+      return this.$store.getters.getBackendPreference
+    },
     hidePopularVideos: function () {
       return this.$store.getters.getHidePopularVideos
     },

src/renderer/components/side-nav-more-options/side-nav-more-options.vue

@@ -64,7 +64,7 @@
         </p>
       </div>
       <div
-        v-if="!hidePopularVideos"
+        v-if="!hidePopularVideos && (backendFallback || backendPreference === 'invidious')"
         class="navOption"
         :title="$t('Most Popular')"
         @click="navigate('popular')"

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

@@ -12,6 +12,9 @@ export default Vue.extend({
     isOpen: function () {
       return this.$store.getters.getIsSideNavOpen
     },
+    backendFallback: function () {
+      return this.$store.getters.getBackendFallback
+    },
     backendPreference: function () {
       return this.$store.getters.getBackendPreference
     },

src/renderer/components/side-nav/side-nav.vue

@@ -84,7 +84,7 @@
         </p>
       </div>
       <div
-        v-if="!hidePopularVideos"
+        v-if="!hidePopularVideos && (backendFallback || backendPreference === 'invidious')"
         class="navOption mobileHidden"
         role="button"
         tabindex="0"