small tweaks

Author: BetrixDev

app/components/video-card.tsx

@@ -278,7 +278,7 @@ function ThumbnailPlaceholder(props: ThumbnailPlaceholderProps) {
   }, [runs, props.videoId, queryClient]);
 
   return (
-    <div className="transition-transform duration-200 ease-in-out group-hover/video:scale-105 w-full h-2/3 flex flex-col gap-2 items-center justify-center">
+    <div className="transition-transform duration-200 ease-in-out group-hover/video:scale-105 w-full h-2/3 flex flex-col gap-2 items-center justify-center bg-zinc-950">
       <Loader2Icon className="w-12 h-12 aspect-square animate-spin text-muted" />
     </div>
   );

app/server-fns/videos.ts

@@ -95,7 +95,7 @@ export const deleteVideoServerFn = createServerFn({ method: "POST" })
       };
     }
 
-    return { success: true, message: "Video queue for deletion" };
+    return { success: true, message: "Video queued for deletion" };
   });
 
 export const onUploadCancelledServerFn = createServerFn({ method: "POST" })
@@ -125,7 +125,7 @@ export const onUploadCancelledServerFn = createServerFn({ method: "POST" })
               (
                 SELECT SUM(${videos.fileSizeBytes})
                 FROM ${videos}
-                WHERE ${videos.authorId} = ${context.userId}
+                WHERE ${videos.authorId} = ${context.userId} AND ${videos.status} != 'deleting'
               ),
               0
             )