Kieran/zap.stream
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: hide broken poster images

Browse Source
This commit is contained in:
kieran 2024-05-15 15:10:00 +01:00
parent b1d1fb5d82
commit 19f5a84ba6
No known key found for this signature in database
GPG Key ID: DE71CEB3925BE941
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/element/video-tile.tsx
View File

@ -12,6 +12,7 @@ import Pill from "./pill";
import classNames from "classnames";
import Logo from "./logo";
import { useContentWarning } from "./nsfw";
import { useState } from "react";
export function VideoTile({
ev,
@ -27,7 +28,7 @@ export function VideoTile({
const isGrownUp = useContentWarning();
const link = NostrLink.fromEvent(ev);
const hasImg = (image?.length ?? 0) > 0;
const [hasImg, setHasImage] = useState((image?.length ?? 0) > 0);
return (
<div className="flex flex-col gap-2">
<Link
@ -42,7 +43,9 @@ export function VideoTile({
state={ev}>
<div className="relative mb-2 aspect-video">
{hasImg ? (
<img loading="lazy" className="aspect-video object-cover rounded-xl" src={image} />
<img loading="lazy" className="aspect-video object-cover rounded-xl" src={image} onError={() => {
setHasImage(false);
}} />
) : (
<Logo className="text-white aspect-video" />
)}