refactor: remove electron-related code

src/components/NoteStats/NoteOptions/RawEventDialog.tsx

@@ -0,0 +1,34 @@
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle
+} from '@/components/ui/dialog'
+import { ScrollArea, ScrollBar } from '@/components/ui/scroll-area'
+import { Event } from 'nostr-tools'
+
+export default function RawEventDialog({
+  event,
+  isOpen,
+  onClose
+}: {
+  event: Event
+  isOpen: boolean
+  onClose: () => void
+}) {
+  return (
+    <Dialog open={isOpen} onOpenChange={onClose}>
+      <DialogContent className="h-[60vh]">
+        <DialogHeader>
+          <DialogTitle>Raw Event</DialogTitle>
+          <DialogDescription className="hidden" />
+        </DialogHeader>
+        <ScrollArea className="h-full">
+          <pre className="text-sm text-muted-foreground">{JSON.stringify(event, null, 2)}</pre>
+          <ScrollBar orientation="horizontal" />
+        </ScrollArea>
+      </DialogContent>
+    </Dialog>
+  )
+}

src/components/NoteStats/NoteOptions/index.tsx

@@ -0,0 +1,47 @@
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from '@/components/ui/dropdown-menu'
+import { getSharableEventId } from '@/lib/event'
+import { Code, Copy, Ellipsis } from 'lucide-react'
+import { Event } from 'nostr-tools'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import RawEventDialog from './RawEventDialog'
+
+export default function NoteOptions({ event }: { event: Event }) {
+  const { t } = useTranslation()
+  const [isRawEventDialogOpen, setIsRawEventDialogOpen] = useState(false)
+
+  return (
+    <div className="h-4" onClick={(e) => e.stopPropagation()}>
+      <DropdownMenu>
+        <DropdownMenuTrigger>
+          <Ellipsis
+            size={16}
+            className="text-muted-foreground hover:text-foreground cursor-pointer"
+          />
+        </DropdownMenuTrigger>
+        <DropdownMenuContent collisionPadding={8}>
+          <DropdownMenuItem
+            onClick={() => navigator.clipboard.writeText('nostr:' + getSharableEventId(event))}
+          >
+            <Copy />
+            {t('copy embedded code')}
+          </DropdownMenuItem>
+          <DropdownMenuItem onClick={() => setIsRawEventDialogOpen(true)}>
+            <Code />
+            {t('raw event')}
+          </DropdownMenuItem>
+        </DropdownMenuContent>
+      </DropdownMenu>
+      <RawEventDialog
+        event={event}
+        isOpen={isRawEventDialogOpen}
+        onClose={() => setIsRawEventDialogOpen(false)}
+      />
+    </div>
+  )
+}