mastofe

commit: df4f4e94b3dfb97cc5fc458c86928842f7f396d0
parent: 51b2f789bd1d6d4e00f02f5476ff7e6af25fce49
Author: Yamagishi Kazutoshi <ykzts@desire.sh>
Date:   Thu, 15 Jun 2017 21:10:41 +0900

Add alt attribute to ImageLoader (#3765)


Diffstat:
M
app/javascript/mastodon/features/ui/components/image_loader.js
13
++++++++++---

1 file 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
@@ -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'
           />