PictureNote.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 ImageGallery from '../ImageGallery'
   6  
   7  export default function PictureNote({ event, className }: { event: Event; className?: string }) {
   8    const imageInfos = useMemo(() => getImetaInfosFromEvent(event), [event])
   9  
  10    return (
  11      <div className={className}>
  12        <Content event={event} />
  13        {imageInfos.length > 0 && <ImageGallery images={imageInfos} />}
  14      </div>
  15    )
  16  }
  17