Hugging Face's logo

Spaces:
jbilcke-hf
/
ai-tube
Running

App Files Community
10
ai-tube
File size: 1,091 Bytes 
f42b4a1
ac7030c
f27679f
 
 
 
 
 
 
 
 
ac7030c
 
f27679f
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
import { cn } from "@/lib/utils/cn"
import { MediaInfo } from "@/types/general"
import { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"

import { PendingVideoCard } from "../pending-video-card"

export function PendingVideoList({
  videos,
  onDelete,
  className = "",
}: {
  videos: MediaInfo[]
  onDelete?: (video: MediaInfo) => void
  className?: string
}) {
  return (
    <Table>
      <TableHeader>
        <TableRow>
          <TableHead className="w-[100px]">ID</TableHead>
          <TableHead className="w-[120px]">Updated at</TableHead>
          <TableHead className="w-[150px]">Title</TableHead>
          <TableHead className="w-[150px]">Description</TableHead>
          <TableHead className="w-[100px]">Status</TableHead>
        </TableRow>
      </TableHeader>
      <TableBody>
        {videos.map((video) => (
          <PendingVideoCard
            key={video.id}
            video={video}
            className=""
            onDelete={onDelete}
          />
        ))}
      </TableBody>
    </Table>
  )
}