hq/Bpistle
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: 🐛

Browse source
This commit is contained in:
codytseng 2025-10-25 16:12:31 +08:00
parent 92041b73f1
commit 0d4e8c5c21
2 changed files with 25 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/Image/index.tsx
View file

@ -28,6 +28,7 @@ export default function Image({
const [displaySkeleton, setDisplaySkeleton] = useState(true)
const [hasError, setHasError] = useState(false)
const [imageUrl, setImageUrl] = useState<string>()
const timeoutRef = useRef<NodeJS.Timeout | null>(null)
useEffect(() => {
setIsLoading(true)
@ -37,7 +38,14 @@ export default function Image({
if (pubkey) {
blossomService.getValidUrl(url, pubkey).then((validUrl) => {
setImageUrl(validUrl)
if (timeoutRef.current) {
clearTimeout(timeoutRef.current)
timeoutRef.current = null
}
})
timeoutRef.current = setTimeout(() => {
setImageUrl(url)
}, 5000)
} else {
setImageUrl(url)
}