Add alt attribute to ImageLoader (#3765)
This commit is contained in:
		
				
					committed by
					
						
						Eugen Rochko
					
				
			
			
				
	
			
			
			
						parent
						
							51b2f789bd
						
					
				
				
					commit
					df4f4e94b3
				
			@@ -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'
 | 
			
		||||
          />
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user