fix thumbnail on placeholder

Author: oscartbeaumont

apps/web/app/(org)/dashboard/caps/UploadingContext.tsx

@@ -33,6 +33,7 @@ export type UploadState =
 			status: "uploadingVideo";
 			capId: string;
 			progress: number;
+			thumbnailUrl: string | undefined;
 	  };
 
 const UploadingContext = createContext<UploadingContextType | undefined>(

apps/web/app/(org)/dashboard/caps/components/UploadCapButton.tsx

@@ -310,9 +310,10 @@ export const UploadCapButton = ({
 					if (event.lengthComputable) {
 						const percent = (event.loaded / event.total) * 100;
 						setState({
-							status: "uploadingThumbnail",
+							status: "uploadingVideo",
 							capId: uploadId,
 							progress: percent,
+							thumbnailUrl: thumbnailUrl,
 						});
 
 						setUploadState({

apps/web/app/(org)/dashboard/caps/components/UploadPlaceholderCard.tsx

@@ -22,17 +22,17 @@ export const UploadPlaceholderCard = () => {
 	return (
 		<div className="flex flex-col gap-4 w-full h-full rounded-xl bg-gray-1 border-gray-3 border-[1px]">
 			<div className="overflow-hidden relative w-full bg-black rounded-t-xl border-b border-gray-3 aspect-video group">
-				{/*{uploadingThumbnailUrl ? (
+				{state.status === "uploading" ? (
 					<img
-						src={uploadingThumbnailUrl}
+						src={state.thumbnailUrl}
 						alt="Uploading thumbnail"
 						className="object-cover w-full h-full"
 					/>
 				) : (
 					<div className="flex justify-center items-center w-full h-full">
 						<LogoSpinner className="w-8 h-8 animate-spin" />
 					</div>
-				)}*/}
+				)}
 
 				<div className="absolute inset-0 transition-all duration-300 bg-black/60"></div>