Handle error images

2 files changed, 11 insertions, 2 deletions

diff --git a/src/components/repository-grid/grid-item/index.js b/src/components/repository-grid/grid-item/index.js
index 571e5ea..ac7c9c2 100644
--- a/src/components/repository-grid/grid-item/index.js
+++ b/src/components/repository-grid/grid-item/index.js
@@ -15,7 +15,11 @@ class GridItem extends React.Component {
           <div className="author-header clearfix">
             <a href={ this.props.repository.owner.html_url } target="_blank">
               <div className="author-img">
-                <img src={ this.props.repository.owner.avatar_url } alt={ this.props.repository.owner.login }/>
+                <img src={ this.props.repository.owner.avatar_url }
+                     onError={ (e) => {
+                       e.target.src = '/img/logo.svg';
+                     } }
+                     alt={ this.props.repository.owner.login }/>
               </div>
               <div className="author-details">
                 <h5>{ this.props.repository.owner.login }</h5>
diff --git a/src/components/repository-list/list-item/index.js b/src/components/repository-list/list-item/index.js
index f4429bd..1d9bcac 100644
--- a/src/components/repository-list/list-item/index.js
+++ b/src/components/repository-list/list-item/index.js
@@ -59,7 +59,12 @@ class ListItem extends React.Component {
         <a href={ this.props.repository.owner.html_url }
            target="_blank"
            className="author-link d-none d-lg-block d-xl-block d-md-block">
-          <img className='author-img' src={ this.props.repository.owner.avatar_url } alt={ this.props.repository.owner.login }/>
+          <img className='author-img'
+               src={ this.props.repository.owner.avatar_url }
+               onError={ (e) => {
+                 e.target.src = '/img/logo.svg';
+               } }
+               alt={ this.props.repository.owner.login }/>
         </a>
       </div>
     );