VideoNote.tsx raw

   1  import { getImetaInfosFromEvent } from '@/lib/event'
   2  import { Event } from 'nostr-tools'
   3  import { useMemo } from 'react'
   4  import Content from '../Content'
   5  import MediaPlayer from '../MediaPlayer'
   6  
   7  export default function VideoNote({ event, className }: { event: Event; className?: string }) {
   8    const videoInfos = useMemo(() => getImetaInfosFromEvent(event), [event])
   9  
  10    return (
  11      <div className={className}>
  12        <Content event={event} />
  13        {videoInfos.map((video) => (
  14          <MediaPlayer src={video.url} key={video.url} className="mt-2" />
  15        ))}
  16      </div>
  17    )
  18  }
  19