From 2fd43b5108e8e9045107df7aecf04e1388ca6747 Mon Sep 17 00:00:00 2001
From: PikachuEXE <pikachuexe@gmail.com>
Date: Tue, 19 Sep 2023 09:32:34 +0800
Subject: [PATCH] ! Fix grid item for video in watch page playlist component
 with user playlist to hide external player button

---
 .../components/watch-video-playlist/watch-video-playlist.js  | 5 +++++
 .../components/watch-video-playlist/watch-video-playlist.vue | 3 ++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/watch-video-playlist/watch-video-playlist.js b/src/renderer/components/watch-video-playlist/watch-video-playlist.js
index 4aa5cb9a9a801..dccfc75a175c6 100644
--- a/src/renderer/components/watch-video-playlist/watch-video-playlist.js
+++ b/src/renderer/components/watch-video-playlist/watch-video-playlist.js
@@ -70,6 +70,11 @@ export default defineComponent({
     selectedUserPlaylistLastUpdatedAt () {
       return this.selectedUserPlaylist?.lastUpdatedAt
     },
+    playlistType() {
+      if (this.selectedUserPlaylist != null) { return 'user' }
+
+      return ''
+    },
 
     currentVideoIndexZeroBased: function () {
       return this.playlistItems.findIndex((item) => {
diff --git a/src/renderer/components/watch-video-playlist/watch-video-playlist.vue b/src/renderer/components/watch-video-playlist/watch-video-playlist.vue
index 98121b1b00c0b..1496179ecc915 100644
--- a/src/renderer/components/watch-video-playlist/watch-video-playlist.vue
+++ b/src/renderer/components/watch-video-playlist/watch-video-playlist.vue
@@ -135,11 +135,12 @@
           <ft-list-video-lazy
             :data="item"
             :playlist-id="playlistId"
+            :playlist-type="playlistType"
             :playlist-index="reversePlaylist ? playlistItems.length - index - 1 : index"
+            :unique-id="item.uniqueId"
             :playlist-reverse="reversePlaylist"
             :playlist-shuffle="shuffleEnabled"
             :playlist-loop="loopEnabled"
-            :unique-id="item.uniqueId"
             appearance="watchPlaylistItem"
             force-list-type="list"
             :initial-visible-state="index < (currentVideoIndexZeroBased + 4) && index > (currentVideoIndexZeroBased - 4)"