Feature: parental control -> hide video and channel info

FreeTubeApp · Feb 5, 2025 · abec655 · abec655
1 parent 6a1b027
commit abec655
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 1 deletion.
diff --git a/src/renderer/components/ParentalControlSettings.vue b/src/renderer/components/ParentalControlSettings.vue
@@ -36,6 +36,12 @@
           :default-value="hideCreateNewProfileButton"
           @change="updateHideCreateNewProfileButton"
         />
+        <FtToggleSwitch
+          :label="$t('Settings.Parental Control Settings.Hide Video & Channel Info')"
+          compact
+          :default-value="hideVideoChannelInfo"
+          @change="updateHideVideoChannelInfo"
+        />
       </div>
     </div>
   </FtSettingsSection>
@@ -69,6 +75,10 @@ const hideAnnouncements = computed(() => {
   return store.getters.getHideAnnouncements
 })
 
+const hideVideoChannelInfo = computed(() => {
+  return store.getters.getHideVideoChannelInfo
+})
+
 /**
  * @param {boolean} value
  */
@@ -103,4 +113,11 @@ function updateHideCreateNewProfileButton(value) {
 function updateHideAnnouncements(value) {
   store.dispatch('updateHideAnnouncements', value)
 }
+
+/**
+ * @param {boolean} value
+ */
+function updateHideVideoChannelInfo(value) {
+  store.dispatch('updateHideVideoChannelInfo', value)
+}
 </script>
diff --git a/src/renderer/store/modules/settings.js b/src/renderer/store/modules/settings.js
@@ -208,6 +208,7 @@ const state = {
   showFamilyFriendlyOnly: false,
   hideCreateNewProfileButton: false,
   hideAnnouncements: false,
+  hideVideoChannelInfo: false,
   hideSharingActions: false,
   hideSubscriptionsVideos: false,
   hideSubscriptionsShorts: false,

diff --git a/src/renderer/views/Watch/Watch.js b/src/renderer/views/Watch/Watch.js
@@ -207,6 +207,9 @@ export default defineComponent({
     hideVideoDescription: function () {
       return this.$store.getters.getHideVideoDescription
     },
+    hideVideoChannelInfo: function () {
+      return this.$store.getters.getHideVideoChannelInfo
+    },
     showFamilyFriendlyOnly: function () {
       return this.$store.getters.getShowFamilyFriendlyOnly
     },

diff --git a/src/renderer/views/Watch/Watch.vue b/src/renderer/views/Watch/Watch.vue
@@ -116,7 +116,7 @@
       class="ageRestricted"
     />
     <div
-      v-if="(isFamilyFriendly || !showFamilyFriendlyOnly)"
+      v-if="(!hideVideoChannelInfo && (isFamilyFriendly || !showFamilyFriendlyOnly))"
       ref="infoArea"
       class="infoArea"
       :class="{ infoAreaSticky }"

diff --git a/static/locales/en-US.yaml b/static/locales/en-US.yaml
@@ -641,6 +641,7 @@ Settings:
     Hide Search Bar: Hide Search Bar
     Hide Create New Profile Button: Hide Create New Profile Button
     Hide Announcements: Hide Announcements
+    Hide Video & Channel Info: Hide Video & Channel Info
   Download Settings:
     Download Settings: Download
     Ask Download Path: Ask for download path