import Link from "next/link"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faPatreon } from "@fortawesome/free-brands-svg-icons"; import { faVideo } from "@fortawesome/free-solid-svg-icons"; import { getSafeDate, getDateFromSafeDate } from '@/lib/dates'; import { IVtuber } from '@/lib/vtubers'; import Image from 'next/image' import { LocalizedDate } from '@/components/localized-date' import { IMuxAsset, IMuxAssetResponse } from "@/lib/types"; import { IB2File } from "@/lib/b2File"; import VtuberButton from "./vtuber-button"; interface IVodCardProps { id: number; title: string; date: string; muxAsset: string | undefined; thumbnail: string | undefined; vtuber: IVtuber; } export default function VodCard({id, title, date, muxAsset, thumbnail = 'https://futureporn-b2.b-cdn.net/default-thumbnail.webp', vtuber}: IVodCardProps) { if (!vtuber?.attributes?.slug) return

VOD {id} is missing VTuber

return (
{title}

{vtuber.attributes.displayName}

{title}

) }