From 7b70a0b7fa26c29b3b059cb9dbe3ad3481957760 Mon Sep 17 00:00:00 2001
From: Ajay <dev@ajay.app>
Date: Wed, 23 Oct 2024 19:27:53 -0400
Subject: [PATCH] Fix related videos on watch page on new layout

---
 src/thumbnails/thumbnailRenderer.ts | 3 ++-
 src/videoBranding/videoBranding.ts  | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/thumbnails/thumbnailRenderer.ts b/src/thumbnails/thumbnailRenderer.ts
index a89985f..5cea825 100644
--- a/src/thumbnails/thumbnailRenderer.ts
+++ b/src/thumbnails/thumbnailRenderer.ts
@@ -762,7 +762,8 @@ export async function replaceThumbnail(element: HTMLElement, videoID: VideoID, b
                 image.parentElement?.appendChild?.(thumbnail);
             }
 
-            if (onMobile()) {
+            // 2024 Oct UI needs to replacement setup
+            if (onMobile() || image.parentElement?.classList?.contains("yt-thumbnail-view-model__image")) {
                 addNodeToListenFor(thumbnail, MobileFix.Replace);
             }
         } catch (e) {
diff --git a/src/videoBranding/videoBranding.ts b/src/videoBranding/videoBranding.ts
index ffc6bf9..187b18a 100644
--- a/src/videoBranding/videoBranding.ts
+++ b/src/videoBranding/videoBranding.ts
@@ -52,7 +52,7 @@ export interface VideoBrandingInstance {
 }
 
 export const brandingBoxSelector = !onMobile() 
-    ? "ytd-rich-grid-media, ytd-video-renderer, ytd-movie-renderer, ytd-compact-video-renderer, ytd-compact-radio-renderer, ytd-compact-movie-renderer, ytd-playlist-video-renderer, ytd-playlist-panel-video-renderer, ytd-grid-video-renderer, ytd-grid-movie-renderer, ytd-rich-grid-slim-media, ytd-radio-renderer, ytd-reel-item-renderer, ytd-compact-playlist-renderer, ytd-playlist-renderer, ytd-grid-playlist-renderer, ytd-grid-show-renderer, ytd-structured-description-video-lockup-renderer, ytd-hero-playlist-thumbnail-renderer, ytd-rich-item-renderer"
+    ? "ytd-rich-grid-media, ytd-video-renderer, ytd-movie-renderer, ytd-compact-video-renderer, ytd-compact-radio-renderer, ytd-compact-movie-renderer, ytd-playlist-video-renderer, ytd-playlist-panel-video-renderer, ytd-grid-video-renderer, ytd-grid-movie-renderer, ytd-rich-grid-slim-media, ytd-radio-renderer, ytd-reel-item-renderer, ytd-compact-playlist-renderer, ytd-playlist-renderer, ytd-grid-playlist-renderer, ytd-grid-show-renderer, ytd-structured-description-video-lockup-renderer, ytd-hero-playlist-thumbnail-renderer, ytd-rich-item-renderer, yt-lockup-view-model"
     : "ytm-video-with-context-renderer, ytm-compact-radio-renderer, ytm-reel-item-renderer, ytm-channel-featured-video-renderer, ytm-compact-video-renderer, ytm-playlist-video-renderer, .playlist-immersive-header-content, ytm-compact-playlist-renderer, ytm-video-card-renderer, ytm-vertical-list-renderer, ytm-playlist-panel-video-renderer";
 
 export const watchPageThumbnailSelector = ".ytp-cued-thumbnail-overlay";