import { PiTrashBold } from "react-icons/pi" import { TableCell, TableRow } from "@/components/ui/table" import { cn } from "@/lib/utils" import { MdLockClock } from "react-icons/md" import { VideoInfo } from "@/types" import { truncate } from "./truncate" export function PendingVideoCard({ video, onDelete, className = "", }: { video: VideoInfo onDelete?: (video: VideoInfo) => void className?: string }) { const isBusy = video.status === "queued" || video.status === "generating" const hasError = video.status === "error" const isNotGeneratedYet = video.status === "submitted" || video.status === "queued" || video.status === "generating" const isGenerated = video.status === "published" return ( {truncate(video.id, 8)} {video.updatedAt || "N.A."} {truncate(video.description, 20)} {truncate(video.description, 45)} {video.status} { isBusy ? :
{ onDelete?.(video) }}>
}
) }