updates

Author: BetrixDev

app/components/dialogs/delete-video-dialog.tsx

@@ -68,17 +68,16 @@ export function DeleteVideoDialog() {
 
       setDeleteVideoData(undefined);
 
-      const result = await deleteVideoServerFn({
-        data: { videoId: deleteVideoData.id },
-      });
-
-      if (!result.success) {
-        reset(result.message);
-      } else {
-        toast.success("Video deleted", {
-          description: result.message,
-        });
-      }
+      toast.promise(
+        deleteVideoServerFn({
+          data: { videoId: deleteVideoData.id },
+        }),
+        {
+          loading: "Queueing video for deletion...",
+          error: "Error deleting video",
+          success: (result) => result.message,
+        }
+      );
     } catch (e) {
       console.error(e);
       reset();

app/components/video-card.tsx

@@ -110,9 +110,9 @@ function VideoCardComponent(props: VideoCardProps) {
       )}
       {props.status === "uploading" && (
         <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 size-full flex items-center justify-center text-white transition-all">
-          <Loader2Icon className="w-24 h-24 stroke-[1px] animate-spin" />
+          <Loader2Icon className="w-20 h-20 stroke-[1px] animate-spin" />
           <span className="text-white text-2xl font-bold absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
-            <NumberFlow value={props.uploadProgress ?? 0} />%
+            <NumberFlow value={props.uploadProgress ?? 0} />
           </span>
         </div>
       )}
@@ -125,7 +125,7 @@ function VideoCardComponent(props: VideoCardProps) {
         <InfoChip icon={FileVideoIcon}>
           {humanFileSize(props.fileSizeBytes)}
         </InfoChip>
-        {props.videoLengthSeconds && (
+        {props.videoLengthSeconds !== undefined && (
           <InfoChip icon={ClockIcon}>
             {formatSecondsToTimestamp(props.videoLengthSeconds)}
           </InfoChip>

app/lib/query-utils.ts

@@ -106,10 +106,16 @@ const fetchVideoData = createServerFn({ method: "POST" })
       token: env.REDIS_REST_TOKEN,
     });
 
-    const cachedVideoData = await redis.get<VideoData>(`video:${data.videoId}`);
+    try {
+      const cachedVideoData = await redis.get<VideoData>(
+        `video:${data.videoId}`
+      );
 
-    if (cachedVideoData) {
-      return cachedVideoData;
+      if (cachedVideoData) {
+        return cachedVideoData;
+      }
+    } catch (error) {
+      console.log(error);
     }
 
     const videoData = await db.query.videos.findFirst({
@@ -178,9 +184,13 @@ const fetchVideoData = createServerFn({ method: "POST" })
     } as VideoData;
 
     if (videoData.status === "ready" && !videoData.isPrivate) {
-      await redis.set(`video:${data.videoId}`, fullVideoData, {
-        ex: 60 * 60 * 24, // 1 day
-      });
+      try {
+        await redis.set(`video:${data.videoId}`, fullVideoData, {
+          ex: 60 * 60 * 24, // 1 day
+        });
+      } catch (error) {
+        console.log(error);
+      }
     }
 
     return fullVideoData;

app/server-fns/videos.ts

@@ -88,11 +88,10 @@ export const deleteVideoServerFn = createServerFn({ method: "POST" })
           videoId: data.videoId,
         }),
       ]);
-    } catch {
-      return {
-        success: false,
-        message: "Failed to delete video",
-      };
+    } catch (error) {
+      console.error(error);
+
+      throw error;
     }
 
     return { success: true, message: "Video queued for deletion" };