refactor event handler

src/components/note/single.tsx

@@ -1,7 +1,4 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import Reaction from '@components/note/atoms/reaction';
-import Reply from '@components/note/atoms/reply';
-import { User } from '@components/note/atoms/user';
 import Content from '@components/note/content';
 
 import * as Dialog from '@radix-ui/react-dialog';
@@ -15,22 +12,13 @@ const Modal = dynamic(() => import('@components/note/modal'), {
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const Single = memo(function Single({ event }: { event: any }) {
+  console.log(event);
+
   return (
     <Dialog.Root>
       <Dialog.Trigger asChild>
         <div className="flex h-min min-h-min w-full cursor-pointer select-text flex-col border-b border-zinc-800 py-4 px-6 hover:bg-zinc-800">
-          <div className="flex flex-col">
-            <User pubkey={event.pubkey} time={event.created_at} />
-            <div className="-mt-4 pl-[60px]">
-              <div className="flex flex-col gap-6">
-                <Content data={event.content} />
-                <div className="relative z-10 -ml-1 flex items-center gap-8">
-                  <Reply eventID={event.id} />
-                  <Reaction eventID={event.id} eventPubkey={event.pubkey} />
-                </div>
-              </div>
-            </div>
-          </div>
+          <Content data={event} />
         </div>
       </Dialog.Trigger>
       <Dialog.Portal>