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

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

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')"
       >