diff --git a/packages/app/src/Element/Feed/TimelineRenderer.tsx b/packages/app/src/Element/Feed/TimelineRenderer.tsx index cf68742d..40297366 100644 --- a/packages/app/src/Element/Feed/TimelineRenderer.tsx +++ b/packages/app/src/Element/Feed/TimelineRenderer.tsx @@ -52,15 +52,22 @@ export function TimelineRenderer(props: TimelineRendererProps) { // TODO Hide images from notes with a content warning, unless otherwise configured const noteImageRenderer = (e: TaggedNostrEvent) => { const parsed = transformTextCached(e.id, e.content, e.tags); - const images = parsed.filter(a => a.type === "media" && a.mimeType?.startsWith("image/")); - if (images.length === 0) return null; + const media = parsed.filter( + a => a.type === "media" && (a.mimeType?.startsWith("image/") || a.mimeType?.startsWith("video/")), + ); + + if (media.length === 0) return null; + + const isVideo = media[0].mimeType?.startsWith("video/"); return (
noteOnClick(e)}>
+ style={{ backgroundImage: `url(${proxy(media[0].content, 256)})` }} + onClick={() => noteOnClick(e)}> + {isVideo && } + ); }; diff --git a/packages/app/src/icons.svg b/packages/app/src/icons.svg index 9f82b92d..d3bd76e0 100644 --- a/packages/app/src/icons.svg +++ b/packages/app/src/icons.svg @@ -438,5 +438,10 @@ + + + + + \ No newline at end of file