feat(827): Added fallback on image if is error
This commit is contained in:
@@ -20,9 +20,10 @@ export default function ImageGallery({
|
||||
}: ImageGalleryProps) {
|
||||
const intl = useIntl()
|
||||
const [lightboxIsOpen, setLightboxIsOpen] = useState(false)
|
||||
const [imageError, setImageError] = useState(false)
|
||||
const imageProps = fill ? { fill } : { height, width: height * 1.5 }
|
||||
|
||||
if (!images || images.length === 0) {
|
||||
if (!images || images.length === 0 || imageError) {
|
||||
return <div className={styles.imagePlaceholder} />
|
||||
}
|
||||
|
||||
@@ -38,6 +39,7 @@ export default function ImageGallery({
|
||||
className={styles.image}
|
||||
src={images[0].imageSizes.medium}
|
||||
alt={images[0].metaData.altText}
|
||||
onError={() => setImageError(true)}
|
||||
{...imageProps}
|
||||
/>
|
||||
<div className={styles.imageCount}>
|
||||
|
||||
Reference in New Issue
Block a user