refactor: remove electron-related code

src/components/NoteCard/RepostNoteCard.tsx

@@ -0,0 +1,23 @@
+import client from '@/services/client.service'
+import { Event, kinds, verifyEvent } from 'nostr-tools'
+import { useMemo } from 'react'
+import ShortTextNoteCard from './ShortTextNoteCard'
+
+export default function RepostNoteCard({ event, className }: { event: Event; className?: string }) {
+  const targetEvent = useMemo(() => {
+    const targetEvent = event.content ? (JSON.parse(event.content) as Event) : null
+    try {
+      if (!targetEvent || !verifyEvent(targetEvent) || targetEvent.kind !== kinds.ShortTextNote) {
+        return null
+      }
+      client.addEventToCache(targetEvent)
+    } catch {
+      return null
+    }
+
+    return targetEvent
+  }, [event])
+  if (!targetEvent) return null
+
+  return <ShortTextNoteCard className={className} reposter={event.pubkey} event={targetEvent} />
+}

src/components/NoteCard/ShortTextNoteCard.tsx

@@ -0,0 +1,68 @@
+import { useFetchEvent } from '@/hooks'
+import { getParentEventId, getRootEventId } from '@/lib/event'
+import { toNote } from '@/lib/link'
+import { cn } from '@/lib/utils'
+import { useSecondaryPage } from '@/PageManager'
+import { Repeat2 } from 'lucide-react'
+import { Event } from 'nostr-tools'
+import { useTranslation } from 'react-i18next'
+import Note from '../Note'
+import Username from '../Username'
+
+export default function ShortTextNoteCard({
+  event,
+  className,
+  reposter,
+  embedded
+}: {
+  event: Event
+  className?: string
+  reposter?: string
+  embedded?: boolean
+}) {
+  const { push } = useSecondaryPage()
+  const { event: rootEvent } = useFetchEvent(getRootEventId(event))
+  const { event: parentEvent } = useFetchEvent(getParentEventId(event))
+
+  return (
+    <div
+      className={className}
+      onClick={(e) => {
+        e.stopPropagation()
+        push(toNote(event))
+      }}
+    >
+      <RepostDescription reposter={reposter} className="max-sm:hidden pl-4" />
+      <div
+        className={`hover:bg-muted/50 text-left cursor-pointer ${embedded ? 'p-2 sm:p-3 border rounded-lg' : 'px-4 py-3 sm:py-4 sm:border sm:rounded-lg max-sm:border-b'}`}
+      >
+        <RepostDescription reposter={reposter} className="sm:hidden" />
+        <Note
+          size={embedded ? 'small' : 'normal'}
+          event={event}
+          parentEvent={parentEvent ?? rootEvent}
+          hideStats={embedded}
+        />
+      </div>
+    </div>
+  )
+}
+
+function RepostDescription({
+  reposter,
+  className
+}: {
+  reposter?: string | null
+  className?: string
+}) {
+  const { t } = useTranslation()
+  if (!reposter) return null
+
+  return (
+    <div className={cn('flex gap-1 text-sm items-center text-muted-foreground mb-1', className)}>
+      <Repeat2 size={16} className="shrink-0" />
+      <Username userId={reposter} className="font-semibold truncate" skeletonClassName="h-3" />
+      <div>{t('reposted')}</div>
+    </div>
+  )
+}

src/components/NoteCard/index.tsx

@@ -0,0 +1,10 @@
+import { Event, kinds } from 'nostr-tools'
+import RepostNoteCard from './RepostNoteCard'
+import ShortTextNoteCard from './ShortTextNoteCard'
+
+export default function NoteCard({ event, className }: { event: Event; className?: string }) {
+  if (event.kind === kinds.Repost) {
+    return <RepostNoteCard event={event} className={className} />
+  }
+  return <ShortTextNoteCard event={event} className={className} />
+}