refactor note component

src/shared/notes/mentions/note.tsx

@@ -3,17 +3,15 @@ import { memo } from 'react';
 
 import { createBlock } from '@libs/storage';
 
-import { Kind1 } from '@shared/notes/contents/kind1';
-import { Kind1063 } from '@shared/notes/contents/kind1063';
 import { NoteSkeleton } from '@shared/notes/skeleton';
 import { User } from '@shared/user';
 
 import { useEvent } from '@utils/hooks/useEvent';
 
 export const MentionNote = memo(function MentionNote({ id }: { id: string }) {
-  const queryClient = useQueryClient();
   const { status, data } = useEvent(id);
 
+  const queryClient = useQueryClient();
   const block = useMutation({
     mutationFn: (data: any) => {
       return createBlock(data.kind, data.title, data.content);
@@ -45,25 +43,7 @@ export const MentionNote = memo(function MentionNote({ id }: { id: string }) {
       ) : status === 'success' ? (
         <>
           <User pubkey={data.pubkey} time={data.created_at} size="small" />
-          <div>
-            {data.kind === 1 && <Kind1 content={data.content} truncate={true} />}
-            {data.kind === 1063 && <Kind1063 metadata={data.tags} />}
-            {data.kind !== 1 && data.kind !== 1063 && (
-              <div className="flex flex-col gap-2">
-                <div className="inline-flex flex-col gap-1 rounded-md bg-zinc-800 px-2 py-2">
-                  <span className="text-sm font-medium leading-none text-zinc-500">
-                    Kind: {data.kind}
-                  </span>
-                  <p className="text-sm leading-none text-fuchsia-500">
-                    Lume isn&apos;t fully support this kind in newsfeed
-                  </p>
-                </div>
-                <div className="select-text whitespace-pre-line	break-words text-base text-zinc-100">
-                  <p>{data.content}</p>
-                </div>
-              </div>
-            )}
-          </div>
+          <div className="mt-2 flex items-start gap-3">{data.content.parsed}</div>
         </>
       ) : (
         <p>Failed to fetch event</p>