wip: refactor

src/shared/notes/kinds/kind1.tsx

@@ -1,16 +1,16 @@
+import { NDKEvent } from '@nostr-dev-kit/ndk';
 import { useMemo } from 'react';
 
 import { NoteActions, NoteContent, NoteMetadata } from '@shared/notes';
 import { User } from '@shared/user';
 
 import { parser } from '@utils/parser';
-import { LumeEvent } from '@utils/types';
 
 export function NoteKind_1({
   event,
   skipMetadata = false,
 }: {
-  event: LumeEvent;
+  event: NDKEvent;
   skipMetadata?: boolean;
 }) {
   const content = useMemo(() => parser(event), [event.id]);

src/shared/notes/kinds/kind1063.tsx

@@ -1,14 +1,14 @@
+import { NDKEvent } from '@nostr-dev-kit/ndk';
+
 import { Image } from '@shared/image';
 import { NoteActions, NoteMetadata } from '@shared/notes';
 import { User } from '@shared/user';
 
-import { LumeEvent } from '@utils/types';
-
 function isImage(url: string) {
   return /\.(jpg|jpeg|gif|png|webp|avif)$/.test(url);
 }
 
-export function NoteKind_1063({ event }: { event: LumeEvent }) {
+export function NoteKind_1063({ event }: { event: NDKEvent }) {
   const url = event.tags[0][1];
 
   return (

src/shared/notes/kinds/repost.tsx

@@ -1,3 +1,5 @@
+import { NDKEvent } from '@nostr-dev-kit/ndk';
+
 import {
   NoteActions,
   NoteContent,
@@ -8,25 +10,32 @@ import {
 import { User } from '@shared/user';
 
 import { useEvent } from '@utils/hooks/useEvent';
-import { getRepostID } from '@utils/transform';
-import { LumeEvent } from '@utils/types';
 
-export function Repost({ event }: { event: LumeEvent }) {
-  const repostID = getRepostID(event.tags);
+export function Repost({ event }: { event: NDKEvent }) {
+  const repostID = event.tags.find((el) => el[0] === 'e')?.[1];
   const { status, data } = useEvent(repostID, event.content as unknown as string);
 
   if (status === 'loading') {
     return (
-      <div className="relative overflow-hidden rounded-xl bg-white/10 px-3 py-3">
-        <NoteSkeleton />
+      <div className="h-min w-full px-3 py-1.5">
+        <div className="relative overflow-hidden rounded-xl bg-white/10 px-3 py-3">
+          <NoteSkeleton />
+        </div>
       </div>
     );
   }
 
   if (status === 'error') {
     return (
-      <div className="flex items-center justify-center overflow-hidden rounded-xl bg-white/10 px-3 py-3">
-        <p className="text-white/50">Failed to fetch event: {repostID}</p>
+      <div className="h-min w-full px-3 py-1.5">
+        <div className="flex flex-col gap-1 overflow-hidden rounded-xl bg-white/10 px-3 py-3">
+          <p className="select-text break-all text-white/50">
+            Failed to get repostr with ID
+          </p>
+          <div className="break-all rounded-lg bg-white/10 px-2 py-2">
+            <p className="text-white">{repostID}</p>
+          </div>
+        </div>
       </div>
     );
   }

src/shared/notes/kinds/thread.tsx

@@ -1,17 +1,17 @@
+import { NDKEvent } from '@nostr-dev-kit/ndk';
 import { useMemo } from 'react';
 
 import { NoteActions, NoteContent, NoteMetadata, SubNote } from '@shared/notes';
 import { User } from '@shared/user';
 
 import { parser } from '@utils/parser';
-import { LumeEvent } from '@utils/types';
 
 export function NoteThread({
   event,
   root,
   reply,
 }: {
-  event: LumeEvent;
+  event: NDKEvent;
   root: string;
   reply: string;
 }) {

src/shared/notes/kinds/unsupport.tsx

@@ -1,9 +1,9 @@
+import { NDKEvent } from '@nostr-dev-kit/ndk';
+
 import { NoteActions, NoteMetadata } from '@shared/notes';
 import { User } from '@shared/user';
 
-import { LumeEvent } from '@utils/types';
-
-export function NoteKindUnsupport({ event }: { event: LumeEvent }) {
+export function NoteKindUnsupport({ event }: { event: NDKEvent }) {
   return (
     <div className="h-min w-full px-3 py-1.5">
       <div className="relative overflow-hidden rounded-xl bg-white/10 px-3 pt-3">