wip: ui

src/shared/notes/kinds/file.tsx

@@ -40,13 +40,7 @@ export function FileNote(props: { event?: NDKEvent }) {
           crossorigin=""
           className="player"
         >
-          <MediaProvider>
-            <Poster
-              className="vds-poster"
-              src="https://thumbnail.video/api/get?url=${url}&seconds=1"
-              alt={url}
-            />
-          </MediaProvider>
+          <MediaProvider />
           <DefaultAudioLayout
             icons={defaultLayoutIcons}
             smallLayoutWhen="(width < 500) or (height < 380)"

src/shared/notes/kinds/unknown.tsx

@@ -2,16 +2,16 @@ import { NDKEvent } from '@nostr-dev-kit/ndk';
 
 export function UnknownNote(props: { event?: NDKEvent }) {
   return (
-    <div className="flex w-full flex-col gap-2">
-      <div className="inline-flex flex-col gap-1 rounded-md bg-white/10 px-2 py-2 backdrop-blur-xl">
-        <span className="text-sm font-medium leading-none text-white/50">
-          Unknown kind: {props.event.kind}
+    <div className="mt-2 flex w-full flex-col gap-2">
+      <div className="inline-flex flex-col rounded-md bg-zinc-200 px-2 py-2 dark:bg-zinc-800">
+        <span className="text-sm font-medium text-zinc-500 dark:text-zinc-400">
+          Kind: {props.event.kind}
         </span>
-        <p className="text-sm leading-none text-white">
-          Lume isn&apos;t fully support this kind
+        <p className="text-sm text-zinc-800 dark:text-zinc-200">
+          Unsupport kind on newsfeed
         </p>
       </div>
-      <div className="select-text whitespace-pre-line	break-all text-white">
+      <div className="select-text whitespace-pre-line	break-all text-zinc-800 dark:text-zinc-200">
         <p>{props.event.content.toString()}</p>
       </div>
     </div>