From 8c88571f6f6b4c6302d606a2d2207dae81b2c6d5 Mon Sep 17 00:00:00 2001
From: Sai Deepesh <saideepesh000@gmail.com>
Date: Sat, 6 Mar 2021 21:51:22 +0530
Subject: [PATCH] feat: added ability to hide Playlists (#972)

---
 .../distraction-settings.js                   |  4 ++++
 .../distraction-settings.vue                  |  6 ++++++
 src/renderer/components/side-nav/side-nav.js  |  3 +++
 src/renderer/components/side-nav/side-nav.vue |  1 +
 src/renderer/store/modules/settings.js        | 21 +++++++++++++++++++
 static/locales/en-US.yaml                     |  1 +
 6 files changed, 36 insertions(+)

diff --git a/src/renderer/components/distraction-settings/distraction-settings.js b/src/renderer/components/distraction-settings/distraction-settings.js
index fc74c37c2..790368b43 100644
--- a/src/renderer/components/distraction-settings/distraction-settings.js
+++ b/src/renderer/components/distraction-settings/distraction-settings.js
@@ -37,6 +37,9 @@ export default Vue.extend({
     hidePopularVideos: function () {
       return this.$store.getters.getHidePopularVideos
     },
+    hidePlaylists: function () {
+      return this.$store.getters.getHidePlaylists
+    },
     hideLiveChat: function () {
       return this.$store.getters.getHideLiveChat
     },
@@ -61,6 +64,7 @@ export default Vue.extend({
       'updateHideRecommendedVideos',
       'updateHideTrendingVideos',
       'updateHidePopularVideos',
+      'updateHidePlaylists',
       'updateHideLiveChat',
       'updateHideActiveSubscriptions',
       'updatePlayNextVideo',
diff --git a/src/renderer/components/distraction-settings/distraction-settings.vue b/src/renderer/components/distraction-settings/distraction-settings.vue
index 54781a1a9..258e365de 100644
--- a/src/renderer/components/distraction-settings/distraction-settings.vue
+++ b/src/renderer/components/distraction-settings/distraction-settings.vue
@@ -59,6 +59,12 @@
           :default-value="hidePopularVideos"
           @change="updateHidePopularVideos"
         />
+        <ft-toggle-switch
+          :label="$t('Settings.Distraction Free Settings.Hide Playlists')"
+          :compact="true"
+          :default-value="hidePlaylists"
+          @change="updateHidePlaylists"
+        />
         <ft-toggle-switch
           :label="$t('Settings.Distraction Free Settings.Hide Live Chat')"
           :compact="true"
diff --git a/src/renderer/components/side-nav/side-nav.js b/src/renderer/components/side-nav/side-nav.js
index 88f2914b0..762df6049 100644
--- a/src/renderer/components/side-nav/side-nav.js
+++ b/src/renderer/components/side-nav/side-nav.js
@@ -48,6 +48,9 @@ export default Vue.extend({
     hidePopularVideos: function () {
       return this.$store.getters.getHidePopularVideos
     },
+    hidePlaylists: function () {
+      return this.$store.getters.getHidePlaylists
+    },
     hideTrendingVideos: function () {
       return this.$store.getters.getHideTrendingVideos
     },
diff --git a/src/renderer/components/side-nav/side-nav.vue b/src/renderer/components/side-nav/side-nav.vue
index e9b636477..057099d94 100644
--- a/src/renderer/components/side-nav/side-nav.vue
+++ b/src/renderer/components/side-nav/side-nav.vue
@@ -44,6 +44,7 @@
         </p>
       </div>
       <div
+        v-if="!hidePlaylists"
         class="navOption mobileShow"
         @click="navigate('userplaylists')"
       >
diff --git a/src/renderer/store/modules/settings.js b/src/renderer/store/modules/settings.js
index 47af776b5..70adfa4bf 100644
--- a/src/renderer/store/modules/settings.js
+++ b/src/renderer/store/modules/settings.js
@@ -74,6 +74,7 @@ const state = {
   hideRecommendedVideos: false,
   hideTrendingVideos: false,
   hidePopularVideos: false,
+  hidePlaylists: false,
   hideLiveChat: false,
   hideActiveSubscriptions: false
 }
@@ -242,9 +243,15 @@ const getters = {
   getHidePopularVideos: () => {
     return state.hidePopularVideos
   },
+
+  getHidePlaylists: () => {
+    return state.hidePlaylists
+  },
+
   getHideLiveChat: () => {
     return state.hideLiveChat
   },
+
   getHideActiveSubscriptions: () => {
     return state.hideActiveSubscriptions
   }
@@ -383,6 +390,9 @@ const actions = {
             case 'hidePopularVideos':
               commit('setHidePopularVideos', result.value)
               break
+            case 'hidePlaylists':
+              commit('setHidePlaylists', result.value)
+              break
             case 'hideLiveChat':
               commit('setHideLiveChat', result.value)
               break
@@ -717,6 +727,14 @@ const actions = {
     })
   },
 
+  updateHidePlaylists ({ commit }, hidePlaylists) {
+    settingsDb.update({ _id: 'hidePlaylists' }, { _id: 'hidePlaylists', value: hidePlaylists }, { upsert: true }, (err, numReplaced) => {
+      if (!err) {
+        commit('setHidePlaylists', hidePlaylists)
+      }
+    })
+  },
+
   updateHideActiveSubscriptions ({ commit }, hideActiveSubscriptions) {
     settingsDb.update({ _id: 'hideActiveSubscriptions' }, { _id: 'hideActiveSubscriptions', value: hideActiveSubscriptions }, { upsert: true }, (err, numReplaced) => {
       if (!err) {
@@ -873,6 +891,9 @@ const mutations = {
   setHidePopularVideos (state, hidePopularVideos) {
     state.hidePopularVideos = hidePopularVideos
   },
+  setHidePlaylists (state, hidePlaylists) {
+    state.hidePlaylists = hidePlaylists
+  },
   setHideLiveChat (state, hideLiveChat) {
     state.hideLiveChat = hideLiveChat
   },
diff --git a/static/locales/en-US.yaml b/static/locales/en-US.yaml
index 410d9431f..987828fe6 100644
--- a/static/locales/en-US.yaml
+++ b/static/locales/en-US.yaml
@@ -219,6 +219,7 @@ Settings:
     Hide Recommended Videos: Hide Recommended Videos
     Hide Trending Videos: Hide Trending Videos
     Hide Popular Videos: Hide Popular Videos
+    Hide Playlists: Hide Playlists
     Hide Live Chat: Hide Live Chat
     Hide Active Subscriptions: Hide Active Subscriptions
   Data Settings: