diff options
Diffstat (limited to 'app/javascript')
-rw-r--r-- | app/javascript/mastodon/features/ui/components/image_loader.js | 13 |
1 files changed, 10 insertions, 3 deletions
diff --git a/app/javascript/mastodon/features/ui/components/image_loader.js b/app/javascript/mastodon/features/ui/components/image_loader.js index b357f28a0..a2514d6be 100644 --- a/app/javascript/mastodon/features/ui/components/image_loader.js +++ b/app/javascript/mastodon/features/ui/components/image_loader.js @@ -4,12 +4,17 @@ import PropTypes from 'prop-types'; class ImageLoader extends React.PureComponent { static propTypes = { + alt: PropTypes.string, src: PropTypes.string.isRequired, previewSrc: PropTypes.string.isRequired, width: PropTypes.number.isRequired, height: PropTypes.number.isRequired, } + static defaultProps = { + alt: '', + }; + state = { loading: true, error: false, @@ -35,12 +40,13 @@ class ImageLoader extends React.PureComponent { } render() { - const { src, previewSrc, width, height } = this.props; + const { alt, src, previewSrc, width, height } = this.props; const { loading, error } = this.state; return ( <div className='image-loader'> - <img // eslint-disable-line jsx-a11y/img-has-alt + <img + alt={alt} className='image-loader__img' src={src} width={width} @@ -48,7 +54,8 @@ class ImageLoader extends React.PureComponent { /> {loading && - <img // eslint-disable-line jsx-a11y/img-has-alt + <img + alt='' src={previewSrc} className='image-loader__preview-img' /> |