From bb3edb750fb1b13da6a4f88f66fce5899e647eff Mon Sep 17 00:00:00 2001
From: ChunkyProgrammer <78101139+ChunkyProgrammer@users.noreply.github.com>
Date: Mon, 14 Jun 2021 13:54:03 -0400
Subject: [PATCH] Hide trending and most popular when set to hidden (Portrait
 Mode) (#1324)

* hide trending & popular videos from bottom nav

* add computed properties for Hide Popular & Hide Trending
---
 .../side-nav-more-options/side-nav-more-options.js        | 8 ++++++++
 .../side-nav-more-options/side-nav-more-options.vue       | 2 ++
 2 files changed, 10 insertions(+)

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 5b0932276..2bb05892d 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
@@ -7,6 +7,14 @@ export default Vue.extend({
       openMoreOptions: false
     }
   },
+  computed: {
+    hidePopularVideos: function () {
+      return this.$store.getters.getHidePopularVideos
+    },
+    hideTrendingVideos: function () {
+      return this.$store.getters.getHideTrendingVideos
+    }
+  },
   methods: {
     navigate: function (route) {
       this.openMoreOptions = false
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 2db0871e2..11753c867 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
@@ -17,6 +17,7 @@
       class="moreOptionContainer"
     >
       <div
+        v-if="!hideTrendingVideos"
         class="navOption"
         @click="navigate('trending')"
       >
@@ -29,6 +30,7 @@
         </p>
       </div>
       <div
+        v-if="!hidePopularVideos"
         class="navOption"
         @click="navigate('popular')"
       >