From 20fef9d176072f1d9e3a9e88d5ef80b4e38cf98b Mon Sep 17 00:00:00 2001
From: MarconLP <13001502+MarconLP@users.noreply.github.com>
Date: Sat, 12 Aug 2023 11:11:12 +0200
Subject: [PATCH] show video thumbnail on link

---
 src/pages/share/[videoId].tsx   |  4 ++++
 src/server/api/routers/video.ts | 10 +++++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/pages/share/[videoId].tsx b/src/pages/share/[videoId].tsx
index 61e8ee3..14cb87d 100644
--- a/src/pages/share/[videoId].tsx
+++ b/src/pages/share/[videoId].tsx
@@ -86,6 +86,10 @@ const VideoList: NextPage = () => {
         <title>
           {video?.title ?? "Snapify | The Open Source Loom Alternative"}
         </title>
+        <meta property="og:image" content={video?.thumbnailUrl} />
+        <meta property="og:image:type" content="image/png" />
+        <meta property="og:image:width" content="1200" />
+        <meta property="og:image:height" content="600" />
         <meta
           name="description"
           content="Share high-quality videos asynchronously and collaborate on your own schedule"
diff --git a/src/server/api/routers/video.ts b/src/server/api/routers/video.ts
index 840e2a8..a7c790e 100644
--- a/src/server/api/routers/video.ts
+++ b/src/server/api/routers/video.ts
@@ -93,7 +93,15 @@ export const videoRouter = createTRPCRouter({
 
       const signedUrl = await getSignedUrl(s3, getObjectCommand);
 
-      return { ...video, video_url: signedUrl };
+      const thumbnailUrl = await getSignedUrl(
+        s3,
+        new GetObjectCommand({
+          Bucket: env.AWS_BUCKET_NAME,
+          Key: video.userId + "/" + video.id + "-thumbnail",
+        })
+      );
+
+      return { ...video, video_url: signedUrl, thumbnailUrl };
     }),
   getUploadUrl: protectedProcedure
     .input(z.object({ key: z.string() }))