cleanup code

package-lock.json

@@ -23,6 +23,7 @@
         "@trpc/server": "^10.18.0",
         "axios": "^1.3.5",
         "dayjs": "^1.11.7",
+        "file-saver": "^2.0.5",
         "next": "^13.2.4",
         "next-auth": "^4.21.0",
         "react": "18.2.0",
@@ -3572,6 +3573,11 @@
         "node": "^10.12.0 || >=12.0.0"
       }
     },
+    "node_modules/file-saver": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/file-saver/-/file-saver-2.0.5.tgz",
+      "integrity": "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA=="
+    },
     "node_modules/fill-range": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
@@ -9012,6 +9018,11 @@
         "flat-cache": "^3.0.4"
       }
     },
+    "file-saver": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/file-saver/-/file-saver-2.0.5.tgz",
+      "integrity": "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA=="
+    },
     "fill-range": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",

package.json

@@ -24,6 +24,7 @@
     "@trpc/server": "^10.18.0",
     "axios": "^1.3.5",
     "dayjs": "^1.11.7",
+    "file-saver": "^2.0.5",
     "next": "^13.2.4",
     "next-auth": "^4.21.0",
     "react": "18.2.0",

src/components/VideoMoreMenu.tsx

@@ -1,6 +1,6 @@
 import { type RouterOutputs } from "~/utils/api";
-import { Menu, Popover, Transition } from "@headlessui/react";
-import { Fragment, useState } from "react";
+import { Menu, Transition } from "@headlessui/react";
+import { Fragment } from "react";
 import {
   DotsHorizontalIcon,
   DownloadIcon,
@@ -13,8 +13,6 @@ interface Props {
 }
 
 export default function VideoMoreMenu({ video }: Props) {
-  const [open, setOpen] = useState(null);
-
   const items = [
     {
       name: "Rename",
@@ -27,7 +25,6 @@ export default function VideoMoreMenu({ video }: Props) {
     {
       name: "Delete",
       icon: <TrashIcon />,
-      props: { onClick: () => console.log("test") },
     },
   ];
 

src/pages/share/[videoId].tsx

@@ -68,7 +68,7 @@ const VideoList: NextPage = () => {
                 width="100%"
                 height="100%"
                 controls={true}
-                url={video?.video_url}
+                url={video.video_url}
               />
             )}
           </div>

src/server/api/routers/video.ts

@@ -47,9 +47,7 @@ export const videoRouter = createTRPCRouter({
 
       const signedUrl = await getSignedUrl(s3, getObjectCommand);
 
-      video.video_url = signedUrl;
-
-      return video;
+      return { ...video, video_url: signedUrl };
     }),
   getUploadUrl: protectedProcedure
     .input(z.object({ key: z.string() }))
@@ -61,7 +59,6 @@ export const videoRouter = createTRPCRouter({
         data: {
           userId: ctx.session.user.id,
           title: key,
-          video_url: "bla",
         },
       });