Add alt attribute to ImageLoader (#3765)
This commit is contained in:
		
							parent
							
								
									51b2f789bd
								
							
						
					
					
						commit
						df4f4e94b3
					
				
					 1 changed files with 10 additions and 3 deletions
				
			
		|  | @ -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' | ||||
|           /> | ||||
|  |  | |||
		Loading…
	
	Add table
		
		Reference in a new issue