From be1663df547ca02058996b2195ade587f6460521 Mon Sep 17 00:00:00 2001
From: ChunkyProgrammer <78101139+ChunkyProgrammer@users.noreply.github.com>
Date: Mon, 20 Jan 2025 10:04:43 -0500
Subject: [PATCH] reuse template in the view when possible

---
 src/renderer/helpers/api/local.js   |  7 ++----
 src/renderer/views/Watch/Watch.scss |  2 +-
 src/renderer/views/Watch/Watch.vue  | 33 ++---------------------------
 3 files changed, 5 insertions(+), 37 deletions(-)

diff --git a/src/renderer/helpers/api/local.js b/src/renderer/helpers/api/local.js
index aea403251b3d8..dca1150ad1c51 100644
--- a/src/renderer/helpers/api/local.js
+++ b/src/renderer/helpers/api/local.js
@@ -1,4 +1,4 @@
-import { ClientType, Innertube, Misc, Mixins, Parser, UniversalCache, Utils, YT, YTNodes } from 'youtubei.js'
+import { ClientType, Innertube, Misc, Parser, UniversalCache, Utils, YT, YTNodes } from 'youtubei.js'
 import Autolinker from 'autolinker'
 import { IpcChannels, SEARCH_CHAR_LIMIT } from '../../../constants'
 
@@ -256,10 +256,7 @@ export async function getLocalVideoInfo(id) {
   }
 
   if (hasTrailer && info.playability_status.status !== 'OK') {
-    /** @type {import('youtubei.js').YTNodes.PlayerLegacyDesktopYpcTrailer | import('youtubei.js').YTNodes.YpcTrailer} */
-    const trailerScreen = info.playability_status.error_screen
-
-    const trailerInfo = new Mixins.MediaInfo([{ data: trailerScreen.trailer.player_response }])
+    const trailerInfo = info.getTrailerInfo()
 
     // don't override the timestamp of when the video will premiere for upcoming videos
     if (info.playability_status.status !== 'LIVE_STREAM_OFFLINE') {
diff --git a/src/renderer/views/Watch/Watch.scss b/src/renderer/views/Watch/Watch.scss
index 346d80ef87790..53a71bfb51b01 100644
--- a/src/renderer/views/Watch/Watch.scss
+++ b/src/renderer/views/Watch/Watch.scss
@@ -52,7 +52,7 @@
   }
 }
 
-.trailer.premiereDate {
+.trailer .premiereDate {
   margin-block-start: 8px;
 }
 
diff --git a/src/renderer/views/Watch/Watch.vue b/src/renderer/views/Watch/Watch.vue
index 647d4774f96ac..8b4deb90989c9 100644
--- a/src/renderer/views/Watch/Watch.vue
+++ b/src/renderer/views/Watch/Watch.vue
@@ -49,42 +49,13 @@
           @toggle-autoplay="toggleAutoplay"
           @playback-rate-updated="updatePlaybackRate"
         />
-        <div
-          v-if="!isLoading && isUpcoming && playabilityStatus === 'OK'"
-          class="trailer premiereDate"
-        >
-          <font-awesome-icon
-            :icon="['fas', 'satellite-dish']"
-            class="premiereIcon"
-          />
-          <p
-            v-if="upcomingTimestamp !== null"
-            class="premiereText"
-          >
-            <span
-              class="premiereTextTimeLeft"
-            >
-              {{ $t("Video.Premieres") }} {{ upcomingTimeLeft }}
-            </span>
-            <br>
-            <span
-              class="premiereTextTimestamp"
-            >
-              {{ upcomingTimestamp }}
-            </span>
-          </p>
-          <p
-            v-else
-            class="premiereText"
-          >
-            {{ $t("Video.Starting soon, please refresh the page to check again") }}
-          </p>
-        </div>
         <div
           v-else-if="!isLoading && (isUpcoming || errorMessage)"
           class="videoPlayer"
+          :class="{trailer: isUpcoming && playabilityStatus === 'OK'}"
         >
           <img
+            v-if="!isUpcoming || playabilityStatus !== 'OK'"
             :src="thumbnail"
             class="videoThumbnail"
             alt=""