polish

src/shared/notes/preview/link.tsx

@@ -14,7 +14,9 @@ export function LinkPreview({ urls }: { urls: string[] }) {
 					<div className="flex flex-col gap-2 px-3 py-3">
 						<div className="w-2/3 h-3 rounded bg-zinc-700 animate-pulse" />
 						<div className="w-3/4 h-3 rounded bg-zinc-700 animate-pulse" />
-						<div className="mt-2.5 w-1/3 h-2 rounded bg-zinc-700 animate-pulse" />
+						<span className="mt-2.5 leading-none text-sm text-zinc-500">
+							{domain.hostname}
+						</span>
 					</div>
 				</div>
 			) : (

src/shared/notes/preview/video.tsx

@@ -7,9 +7,11 @@ export function VideoPreview({ urls }: { urls: string[] }) {
 			onKeyDown={(e) => e.stopPropagation()}
 			className="relative mt-3 max-w-[420px] flex w-full flex-col overflow-hidden rounded-lg bg-zinc-950"
 		>
-			<MediaPlayer src={urls[0]} poster="" controls>
-				<MediaOutlet />
-			</MediaPlayer>
+			{urls.map((url: string) => (
+				<MediaPlayer key={url} src={urls[0]} poster="" controls>
+					<MediaOutlet />
+				</MediaPlayer>
+			))}
 		</div>
 	);
 }