HighlightNotification.tsx raw

   1  import { Highlighter } from 'lucide-react'
   2  import { Event } from 'nostr-tools'
   3  import { useTranslation } from 'react-i18next'
   4  import Notification from './Notification'
   5  
   6  export function HighlightNotification({
   7    notification,
   8    isNew = false,
   9    navIndex
  10  }: {
  11    notification: Event
  12    isNew?: boolean
  13    navIndex?: number
  14  }) {
  15    const { t } = useTranslation()
  16  
  17    return (
  18      <Notification
  19        notificationId={notification.id}
  20        icon={<Highlighter size={24} className="text-orange-400" />}
  21        sender={notification.pubkey}
  22        sentAt={notification.created_at}
  23        targetEvent={notification}
  24        description={t('highlighted your note')}
  25        isNew={isNew}
  26        navIndex={navIndex}
  27      />
  28    )
  29  }
  30