From f46132ce2590901d9644b46206f3348941381ac7 Mon Sep 17 00:00:00 2001
From: ChunkyProgrammer <78101139+ChunkyProgrammer@users.noreply.github.com>
Date: Thu, 27 Oct 2022 05:34:51 -0400
Subject: [PATCH] hide `Most Popular` if invidious is disabled (#2772)

---
 .../side-nav-more-options/side-nav-more-options.js          | 6 ++++++
 .../side-nav-more-options/side-nav-more-options.vue         | 2 +-
 src/renderer/components/side-nav/side-nav.js                | 3 +++
 src/renderer/components/side-nav/side-nav.vue               | 2 +-
 4 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/side-nav-more-options/side-nav-more-options.js b/src/renderer/components/side-nav-more-options/side-nav-more-options.js
index 720414487..385a4c8f1 100644
--- a/src/renderer/components/side-nav-more-options/side-nav-more-options.js
+++ b/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
     },
diff --git a/src/renderer/components/side-nav-more-options/side-nav-more-options.vue b/src/renderer/components/side-nav-more-options/side-nav-more-options.vue
index a14863ea2..328cb9b75 100644
--- a/src/renderer/components/side-nav-more-options/side-nav-more-options.vue
+++ b/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')"
diff --git a/src/renderer/components/side-nav/side-nav.js b/src/renderer/components/side-nav/side-nav.js
index 58a13a828..84cd4727a 100644
--- a/src/renderer/components/side-nav/side-nav.js
+++ b/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
     },
diff --git a/src/renderer/components/side-nav/side-nav.vue b/src/renderer/components/side-nav/side-nav.vue
index e248cdb52..f53801547 100644
--- a/src/renderer/components/side-nav/side-nav.vue
+++ b/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"