highperfocused/lumina
1
0
Fork 0
mirror of https://github.com/lumina-rocks/lumina.git synced 2026-06-10 22:58:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: Move card rendering logic to ensure valid images are checked before rendering

Browse Source
This commit is contained in:
highperfocused
2025-05-23 07:39:01 +02:00
parent a1dc3a90ba
commit 79fcb78692
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
components/KIND20Card.tsx
View File

@@ -62,17 +62,6 @@ const KIND20Card: React.FC<KIND20CardProps> = ({
// Filter out images with errors
const validImages = allImages.filter(img => !imageErrors[img]);
// If no valid images are available, don't render the card
if (validImages.length === 0) return null;
const title =
userData?.username || userData?.display_name || userData?.name || userData?.npub || nip19.npubEncode(pubkey)
text = text.replaceAll("\n", " ")
const createdAt = new Date(event.created_at * 1000)
const hrefProfile = `/profile/${nip19.npubEncode(pubkey)}`
const profileImageSrc = userData?.picture || "https://robohash.org/" + pubkey
const uploadedVia = tags.find((tag) => tag[0] === "client")?.[1]
// Handle image error by marking that specific image as having an error
const handleImageError = (errorImage: string) => {
setImageErrors(prev => ({
@@ -98,6 +87,17 @@ const KIND20Card: React.FC<KIND20CardProps> = ({
api.off('select', onSelect);
};
}, [api]);
// If no valid images are available, don't render the card
if (validImages.length === 0) return null;
const title =
userData?.username || userData?.display_name || userData?.name || userData?.npub || nip19.npubEncode(pubkey)
text = text.replaceAll("\n", " ")
const createdAt = new Date(event.created_at * 1000)
const hrefProfile = `/profile/${nip19.npubEncode(pubkey)}`
const profileImageSrc = userData?.picture || "https://robohash.org/" + pubkey
const uploadedVia = tags.find((tag) => tag[0] === "client")?.[1]
return (
<>