From e0290203ebd28d33e451d7d43aa8abdc74c9a044 Mon Sep 17 00:00:00 2001
From: gmnsii <github.gmnsii@pm.me>
Date: Mon, 28 Nov 2022 13:25:29 -0800
Subject: [PATCH] add timestamp to link generated by watchOnYt button

---
 src/components/WatchOnYouTubeButton.vue | 14 +++++++++++---
 src/components/WatchVideo.vue           |  2 +-
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/WatchOnYouTubeButton.vue b/src/components/WatchOnYouTubeButton.vue
index bd6c895f..980ae71f 100644
--- a/src/components/WatchOnYouTubeButton.vue
+++ b/src/components/WatchOnYouTubeButton.vue
@@ -1,7 +1,15 @@
 <script>
 export default {
     props: {
-        link: String,
+        videoId: String,
+        currentTime: Number,
+    },
+
+    computed: {
+        generatedLink() {
+            let timestamp = parseInt(this.currentTime);
+            return `https://youtu.be/watch?v=${this.videoId}&t=${timestamp}`;
+        },
     },
 };
 </script>
@@ -9,13 +17,13 @@ export default {
 <template>
     <template v-if="this.getPreferenceBoolean('showWatchOnYouTube', false)">
         <!-- For large screens -->
-        <a :href="link" class="btn lt-lg:hidden">
+        <a :href="generatedLink" class="btn lt-lg:hidden">
             <i18n-t keypath="player.watch_on" tag="strong">
                 <font-awesome-icon class="mx-1.5" :icon="['fab', 'youtube']" />
             </i18n-t>
         </a>
         <!-- For small screens -->
-        <a :href="link" class="btn lg:hidden">
+        <a :href="generatedLink" class="btn lg:hidden">
             <font-awesome-icon class="mx-1.5" :icon="['fab', 'youtube']" />
         </a>
     </template>
diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index e436d4f0..1e2b22af 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -108,7 +108,7 @@
                         >
                             <font-awesome-icon icon="rss" />
                         </a>
-                        <WatchOnYouTubeButton :link="`https://youtu.be/${getVideoId()}`" />
+                        <WatchOnYouTubeButton :video-id="getVideoId()" :current-time="currentTime" />
                         <!-- Share Dialog -->
                         <button class="btn" @click="showShareModal = !showShareModal">
                             <i18n-t class="lt-lg:hidden" keypath="actions.share" tag="strong"></i18n-t>