From 039e90fb9010f53f873a41a697d7c269791e3b02 Mon Sep 17 00:00:00 2001
From: Alex <alex.tyshang@gmail.com>
Date: Sun, 20 Mar 2022 02:47:08 +1300
Subject: [PATCH] fix: small bug regarding how thumbnailOverlay was mapped

---
 NUXT/pages/home.vue     | 14 +++++++++-----
 NUXT/plugins/youtube.js |  6 ++++--
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/NUXT/pages/home.vue b/NUXT/pages/home.vue
index b4eea38..b71c4d8 100644
--- a/NUXT/pages/home.vue
+++ b/NUXT/pages/home.vue
@@ -18,11 +18,7 @@
               />
             </div>
             <div v-text="video.title" style="margin-top: 0.5em" />
-            <div
-              v-text="
-                `${video.channel} • ${video.metadata.view} • ${video.metadata.published}`
-              "
-            />
+            <div v-text="parseBottom(video)" />
           </v-card-text>
         </v-card>
       </v-list-item>
@@ -49,5 +45,13 @@ export default {
       })
       .catch((error) => this.$logger("Home Page", error, true));
   },
+
+  methods: {
+    parseBottom(video) {
+      const bottomText = [video.channel, video.metadata.views];
+      if (video.metadata.published) bottomText.push(video.metadata.published);
+      return bottomText.join(" • ");
+    },
+  },
 };
 </script>
\ No newline at end of file
diff --git a/NUXT/plugins/youtube.js b/NUXT/plugins/youtube.js
index ae253ea..8a5204d 100644
--- a/NUXT/plugins/youtube.js
+++ b/NUXT/plugins/youtube.js
@@ -182,13 +182,15 @@ const recommendationModule = {
                     id: item.videoId,
                     title: item.title?.runs[0].text,
                     thumbnail: this.getThumbnail(item.videoId),
-                    channel: item.shortBylineText.runs[0] ? item.shortBylineText.runs[0] : item.longBylineText.runs[0],
+                    channel: item.shortBylineText?.runs[0] ? item.shortBylineText.runs[0].text : item.longBylineText?.runs[0].text,
+                    channelURL: `${constants.YT_URL}/${(item.shortBylineText?.runs[0] ? item.shortBylineText.runs[0] : item.longBylineText?.runs[0]).navigationEndpoint?.browseEndpoint?.canonicalBaseUrl}`,
                     channelThumbnail: item.channelThumbnail?.thumbnails[0],
                     metadata: {
                         published: item.publishedTimeText?.runs[0].text,
                         views: item.shortViewCountText?.runs[0].text,
                         length: item.publishedTimeText?.runs[0].text,
-                        overlay: item.thumbnailOverlays?.map((overlay) =>{overlay.thumbnailOverlayTimeStatusRenderer?.text.runs[0].runs}),
+                        overlayStyle: item.thumbnailOverlays?.map(overlay => overlay.thumbnailOverlayTimeStatusRenderer?.style),
+                        overlay: item.thumbnailOverlays?.map(overlay => overlay.thumbnailOverlayTimeStatusRenderer?.text.runs[0].text),
                     },
                 };
                 else return undefined