import { TrendingVideo } from "@/client/typings/trending"; import { Component } from "@/typings/component"; import { Card, CardFooter, CardBody } from "@nextui-org/card"; import { Image } from "@nextui-org/image"; import { Divider } from "@nextui-org/divider"; import Link from "next/link"; import formatViewCount from "@/utils/formatViewCount"; import formatDuration from "@/utils/formatDuration"; export const VideoCard: Component<{ data: TrendingVideo }> = ({ data: video }) => { const handleContextMenu = () => {}; return ( { e.preventDefault(); handleContextMenu(); }} > {formatDuration(video.duration)} {video.title} {video.author.name} {video.uploaded.toLocaleDateString()} Views: {formatViewCount(video.views)} ); };
{formatDuration(video.duration)}
{video.title}
{video.author.name}
{video.uploaded.toLocaleDateString()}
Views: {formatViewCount(video.views)}