polish

src/app/chats/components/messages/item.tsx

@@ -1,9 +1,6 @@
 import { useDecryptMessage } from '@app/chats/hooks/useDecryptMessage';
 
-import { MentionNote } from '@shared/notes/mentions/note';
-import { ImagePreview } from '@shared/notes/preview/image';
-import { LinkPreview } from '@shared/notes/preview/link';
-import { VideoPreview } from '@shared/notes/preview/video';
+import { NoteContent } from '@shared/notes';
 import { User } from '@shared/user';
 
 import { parser } from '@utils/parser';
@@ -22,8 +19,6 @@ export function ChatMessageItem({
   if (decryptedContent) {
     data['content'] = decryptedContent;
   }
-  // parse the note content
-  const content = parser(data);
 
   return (
     <div className="flex h-min min-h-min w-full select-text flex-col px-5 py-3 hover:bg-white/10">
@@ -31,13 +26,8 @@ export function ChatMessageItem({
         <User pubkey={data.sender_pubkey} time={data.created_at} isChat={true} />
         <div className="-mt-[20px] pl-[49px]">
           <p className="select-text whitespace-pre-line break-words text-base text-white">
-            {content.parsed}
+            {data.content}
           </p>
-          {content.images.length > 0 && <ImagePreview urls={content.images} />}
-          {content.videos.length > 0 && <VideoPreview urls={content.videos} />}
-          {content.links.length > 0 && <LinkPreview urls={content.links} />}
-          {content.notes.length > 0 &&
-            content.notes.map((note: string) => <MentionNote key={note} id={note} />)}
         </div>
       </div>
     </div>