From df3d6dbe19ed98bf98c7a3df1fff9ea05b15e9c0 Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Sun, 10 Mar 2024 00:23:36 +1300
Subject: [PATCH] Added share links to watch page

---
 .../src/routes/watch/[slug]/+page.svelte      | 29 +++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/materialious/src/routes/watch/[slug]/+page.svelte b/materialious/src/routes/watch/[slug]/+page.svelte
index ba65b484..5ef20308 100644
--- a/materialious/src/routes/watch/[slug]/+page.svelte
+++ b/materialious/src/routes/watch/[slug]/+page.svelte
@@ -48,9 +48,34 @@
 				<button class="border m l" data-ui="#share"
 					><i>share</i> Share
 					<menu class="left no-wrap" id="share" data-ui="#share">
-						<a class="row"> <div class="min">Copy Materialious link</div></a><a class="row">
+						<a
+							class="row"
+							href="#copy"
+							on:click={async () =>
+								await navigator.clipboard.writeText(
+									`${import.meta.env.VITE_DEFAULT_FRONTEND_URL}/watch/${data.video.videoId}`
+								)}
+						>
+							<div class="min">Copy Materialious link</div></a
+						><a
+							href="#copy"
+							class="row"
+							on:click={async () =>
+								await navigator.clipboard.writeText(
+									`https://redirect.invidious.io/watch?v=${data.video.videoId}`
+								)}
+						>
 							<div class="min">Copy Invidious redirect link</div></a
-						><a class="row"> <div class="min">Copy Youtube link</div></a></menu
+						><a
+							class="row"
+							href="#copy"
+							on:click={async () =>
+								await navigator.clipboard.writeText(
+									`https://www.youtube.com/watch?v=${data.video.videoId}`
+								)}
+						>
+							<div class="min">Copy Youtube link</div></a
+						></menu
 					></button
 				>
 			</nav>