Generating Video...

\n Creating a funky overview of: {truncateText(video.title, 60)}\n

\n \n

\n );\n\n case \"failed\":\n return (\n

❌

Generation Failed

\n {video.error ||\n \"Something went wrong while generating the video\"}\n

\n \n Remove\n \n

\n );\n\n case \"completed\":\n if (!video.videoUrl) {\n return (\n

🎬

Video Ready

\n {video.title}\n

\n );\n }\n\n return (\n

\n {\n console.error(\"Video playback error:\", e);\n // If the video fails to load (e.g. 403/404), we should remove it\n // But we should be careful not to delete on transient errors\n // Checking network state or error code might be helpful\n const target = e.target as HTMLVideoElement;\n if (target.error) {\n console.error(\"Video error details:\", target.error.code, target.error.message);\n // MEDIA_ERR_SRC_NOT_SUPPORTED (4) often means 403/404 for HTTP sources\n if (target.error.code === 4) {\n console.log(\"Deleting video due to playback error (likely expired/missing)\");\n onDelete();\n }\n }\n }}\n >\n \n Your browser does not support the video tag.\n \n\n {/* Play/Pause Overlay */}\n {!isPlaying && (\n

\n \n \n \n

\n )}\n

\n );\n\n default:\n return null;\n }\n };\n\n return (\n

\n {renderVideoContent()}\n\n {/* Video Overlay */}\n

\n {truncateText(video.title, 120)}\n

\n {showDetails ? video.summary : truncateText(video.summary, 120)}\n

\n {formatDate(video.createdAt)}\n \n View Original\n \n {video.summary.length > 120 && (\n setShowDetails(!showDetails)}\n className=\"hover:text-white transition-colors\"\n >\n {showDetails ? \"Less\" : \"More\"}\n \n )}\n

\n\n {/* Video Controls */}\n

\n {video.status === \"completed\" && video.videoUrl && (\n <>\n \n {isPlaying\n ? (\n \n \n \n )\n : (\n \n \n \n )}\n \n\n \n {isMuted\n ? (\n \n \n \n \n )\n : (\n \n \n \n )}\n \n \n )}\n\n setShowDetails(!showDetails)}\n className=\"control-button\"\n title=\"Toggle Details\"\n >\n \n \n \n \n\n \n \n \n \n \n

\n );\n },\n);\n\nexport default VideoCard;","deleted","label",[171,172,153],"frontend","components","permalink","https://www.val.town/x/paulkinlan/veo-feed/code/frontend/components/VideoCard.tsx","extension","actionData","errors"]