feat: 💨

src/components/NotificationList/NotificationItem/CommentNotification.tsx

@@ -1,10 +1,8 @@
-import { ExtendedKind } from '@/constants'
 import { toNote } from '@/lib/link'
-import { tagNameEquals } from '@/lib/tag'
 import { cn } from '@/lib/utils'
 import { useSecondaryPage } from '@/PageManager'
 import { MessageCircle } from 'lucide-react'
-import { Event, kinds } from 'nostr-tools'
+import { Event } from 'nostr-tools'
 import ContentPreview from '../../ContentPreview'
 import { FormattedTimestamp } from '../../FormattedTimestamp'
 import UserAvatar from '../../UserAvatar'
@@ -17,22 +15,11 @@ export function CommentNotification({
   isNew?: boolean
 }) {
   const { push } = useSecondaryPage()
-  const rootEventId = notification.tags.find(tagNameEquals('E'))?.[1]
-  const rootPubkey = notification.tags.find(tagNameEquals('P'))?.[1]
-  const rootKind = notification.tags.find(tagNameEquals('K'))?.[1]
-  if (
-    !rootEventId ||
-    !rootPubkey ||
-    !rootKind ||
-    ![kinds.ShortTextNote, ExtendedKind.PICTURE].includes(parseInt(rootKind))
-  ) {
-    return null
-  }
 
   return (
     <div
       className="flex gap-2 items-center cursor-pointer py-2"
-      onClick={() => push(toNote({ id: rootEventId, pubkey: rootPubkey }))}
+      onClick={() => push(toNote(notification))}
     >
       <UserAvatar userId={notification.pubkey} size="small" />
       <MessageCircle size={24} className="text-blue-400" />