polish

src/shared/notes/kinds/file.tsx

@@ -4,11 +4,10 @@ import { download } from '@tauri-apps/plugin-upload';
 import {
   MediaControlBar,
   MediaController,
+  MediaFullscreenButton,
   MediaMuteButton,
   MediaPlayButton,
-  MediaTimeDisplay,
   MediaTimeRange,
-  MediaVolumeRange,
 } from 'media-chrome/dist/react';
 import { memo } from 'react';
 
@@ -56,9 +55,8 @@ export function FileNote(props: { event?: NDKEvent }) {
         <MediaControlBar>
           <MediaPlayButton></MediaPlayButton>
           <MediaTimeRange></MediaTimeRange>
-          <MediaTimeDisplay showDuration></MediaTimeDisplay>
           <MediaMuteButton></MediaMuteButton>
-          <MediaVolumeRange></MediaVolumeRange>
+          <MediaFullscreenButton></MediaFullscreenButton>
         </MediaControlBar>
       </MediaController>
     );

src/shared/notes/kinds/repost.tsx

@@ -36,18 +36,21 @@ export function Repost({ event }: { event: NDKEvent }) {
     refetchOnWindowFocus: false,
   });
 
-  const renderKind = useCallback((repostEvent: NDKEvent) => {
-    switch (repostEvent.kind) {
-      case NDKKind.Text:
-        return <TextNote content={repostEvent.content} />;
-      case NDKKind.Article:
-        return <ArticleNote event={repostEvent} />;
-      case 1063:
-        return <FileNote event={repostEvent} />;
-      default:
-        return <UnknownNote event={repostEvent} />;
-    }
-  }, []);
+  const renderKind = useCallback(
+    (repostEvent: NDKEvent) => {
+      switch (repostEvent.kind) {
+        case NDKKind.Text:
+          return <TextNote content={repostEvent.content} />;
+        case NDKKind.Article:
+          return <ArticleNote event={repostEvent} />;
+        case 1063:
+          return <FileNote event={repostEvent} />;
+        default:
+          return <UnknownNote event={repostEvent} />;
+      }
+    },
+    [event.id]
+  );
 
   if (embedEvent) {
     return (

src/shared/notes/kinds/text.tsx

@@ -1,28 +1,21 @@
 import { memo } from 'react';
 
-import { ImagePreview, LinkPreview, VideoPreview } from '@shared/notes';
-
 import { useRichContent } from '@utils/hooks/useRichContent';
 
 export function TextNote(props: { content?: string; truncate?: boolean }) {
-  const { parsedContent, images, videos, linkPreview } = useRichContent(props.content);
+  const { parsedContent } = useRichContent(props.content);
 
   if (props.truncate) {
     return (
-      <div className="break-p prose prose-neutral max-w-none select-text whitespace-pre-line leading-normal dark:prose-invert">
+      <div className="break-p select-text whitespace-pre-line leading-normal text-neutral-900 dark:text-neutral-100">
         {props.content}
       </div>
     );
   }
 
   return (
-    <div className="flex flex-col gap-3">
-      <div className="break-p prose prose-neutral max-w-none select-text whitespace-pre-line leading-normal dark:prose-invert prose-img:mb-0 prose-img:mt-0">
-        {parsedContent}
-      </div>
-      {images.length ? <ImagePreview urls={images} /> : null}
-      {videos.length ? <VideoPreview urls={videos} /> : null}
-      {linkPreview ? <LinkPreview url={linkPreview} /> : null}
+    <div className="break-p select-text whitespace-pre-line leading-normal text-neutral-900 dark:text-neutral-100">
+      {parsedContent}
     </div>
   );
 }