From ab2f6839e16231ab75e7a6b4188cf223b40e8fa6 Mon Sep 17 00:00:00 2001
From: HiImKobeAnd <HiImKobeAnd@gmail.com>
Date: Sun, 4 Aug 2024 11:53:22 +0200
Subject: [PATCH] fix: remove from trending page and hide if watch history is
 diabled

remove the button from trending page because it only works in feed page.
---
 src/components/VideoItem.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/VideoItem.vue b/src/components/VideoItem.vue
index 998d62a2..456676d2 100644
--- a/src/components/VideoItem.vue
+++ b/src/components/VideoItem.vue
@@ -122,8 +122,11 @@
                 >
                     <i class="i-fa6-solid:circle-minus" />
                 </button>
-                <!-- TODO hide watchButton if history is disabled -->
-                <button ref="watchButton" @click="toggleWatched(item.url.substr(-11))">
+                <button
+                    v-if="showMarkOnWatched && isFeed"
+                    ref="watchButton"
+                    @click="toggleWatched(item.url.substr(-11))"
+                >
                     <i v-if="item.watched" :title="$t('actions.mark_as_unwatched')" class="i-fa6-solid:eye-slash" />
                     <i v-else :title="$t('actions.mark_as_watched')" class="i-fa6-solid:eye" />
                 </button>
@@ -183,6 +186,7 @@ export default {
             showShareModal: false,
             showVideo: true,
             showConfirmRemove: false,
+            showMarkOnWatched: false,
         };
     },
     computed: {
@@ -195,6 +199,7 @@ export default {
     },
     mounted() {
         this.shouldShowVideo();
+        this.shouldShowMarkOnWatched();
     },
     methods: {
         removeVideo() {
@@ -217,6 +222,9 @@ export default {
                 }
             };
         },
+        shouldShowMarkOnWatched() {
+            this.showMarkOnWatched = this.getPreferenceBoolean("watchHistory", false);
+        },
         toggleWatched(videoId) {
             if (window.db) {
                 // Should match WatchVideo.vue