feat: optimize display effect when image loading fails

This commit is contained in:
codytseng
2025-02-14 12:17:01 +08:00
parent c4b9b397a6
commit 41d46b1a13
12 changed files with 76 additions and 55 deletions

View File

@@ -1,4 +1,5 @@
import { generateImageByPubkey } from '@/lib/pubkey'
import { cn } from '@/lib/utils'
import { useEffect, useMemo, useState } from 'react'
import Image from '../Image'
@@ -26,7 +27,7 @@ export default function ProfileBanner({
<Image
image={{ url: bannerUrl }}
alt={`${pubkey} banner`}
className={className}
className={cn('rounded-lg', className)}
onError={() => setBannerUrl(defaultBanner)}
/>
)