highperfocused/lumina
1
0
Fork 0
mirror of https://github.com/lumina-rocks/lumina.git synced 2026-06-04 17:51:16 +02:00
Code Issues Packages Projects Releases Wiki Activity

Feature: Hide failed images (#43)

Browse Source 
* fix: handle image loading errors in KIND20Card and QuickViewKind20NoteCard components

* refactor: streamline KIND20Card component structure and improve readability
This commit is contained in:
mroxso
2025-02-11 22:08:17 +01:00
committed by GitHub
parent 8098a36ad6
commit 6f1ea730a7
3 changed files with 72 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/QuickViewKind20NoteCard.tsx
View File

@@ -1,4 +1,4 @@
import React from 'react';
import React, { useState } from 'react';
import { useProfile } from "nostr-react";
import {
nip19,
@@ -25,8 +25,9 @@ const QuickViewKind20NoteCard: React.FC<QuickViewKind20NoteCardProps> = ({ pubke
const {data, isLoading} = useProfile({
pubkey,
});
const [imageError, setImageError] = useState(false);
if (!image) return null;
if (!image || imageError) return null;
text = text.replaceAll('\n', ' ');
const encodedNoteId = nip19.noteEncode(event.id)
@@ -45,6 +46,7 @@ const QuickViewKind20NoteCard: React.FC<QuickViewKind20NoteCardProps> = ({ pubke
sizes="(max-width: 768px) 100vw, 300px"
className='rounded lg:rounded-lg object-cover'
priority
onError={() => setImageError(true)}
/>
</div>
</div>