From 9ace1405f86b87e34dde0d38785171d498ce3476 Mon Sep 17 00:00:00 2001
From: Simon Reinsperger <reinsperger.smn@gmail.com>
Date: Wed, 8 Mar 2017 17:53:24 +0100
Subject: [PATCH] refactor: fixes linting errors
 components/SiteSidebar/index.jsx

---
 components/SiteSidebar/index.jsx | 105 ++++++++++++++++---------------
 1 file changed, 55 insertions(+), 50 deletions(-)

diff --git a/components/SiteSidebar/index.jsx b/components/SiteSidebar/index.jsx
index 814f817..88a90c1 100644
--- a/components/SiteSidebar/index.jsx
+++ b/components/SiteSidebar/index.jsx
@@ -1,58 +1,63 @@
-import React from 'react'
-import { RouteHandler, Link } from 'react-router'
-import { prefixLink } from 'gatsby-helpers'
-import { config } from 'config'
-import SiteNav from '../SiteNav'
-import SiteLinks from '../SiteLinks'
-import './style.css'
-import profilePic from '../../pages/photo.jpg'
+import React from 'react';
+import { Link } from 'react-router';
+import { prefixLink } from 'gatsby-helpers';
+import { config } from 'config';
+import SiteNav from '../SiteNav';
+import SiteLinks from '../SiteLinks';
+import './style.css';
+import profilePic from '../../pages/photo.jpg';
 
 class SiteSidebar extends React.Component {
-    render() {
-        const {location, children} = this.props
-        const isHome = location.pathname === prefixLink('/')
+  render() {
+    const { location } = this.props;
+    const isHome = location.pathname === prefixLink('/');
 
-        let header = (
-        <header>
-          <Link style={ {    textDecoration: 'none',    borderBottom: 'none',    outline: 'none'} } to={ prefixLink('/') }>
-          <img src={prefixLink(profilePic)} width='75' height='75' />
-          </Link>
-          { isHome ? (
-            <h1><Link style={ {    textDecoration: 'none',    borderBottom: 'none',    color: 'inherit'} } to={ prefixLink('/') }> { config.siteAuthor } </Link></h1>
-            ) :
-            <h2><Link style={ {    textDecoration: 'none',    borderBottom: 'none',    color: 'inherit'} } to={ prefixLink('/') }> { config.siteAuthor } </Link></h2> }
-          <p>
-            { config.siteDescr }
-          </p>
-        </header>
-        )
+    /* eslint-disable jsx-a11y/img-redundant-alt*/
+    const header = (
+      <header>
+        <Link style={{ textDecoration: 'none', borderBottom: 'none', outline: 'none' }} to={prefixLink('/')}>
+          <img
+            src={prefixLink(profilePic)}
+            width="75" height="75"
+            alt="Profile picture of the author"
+          />
+        </Link>
+        { isHome ? (
+          <h1><Link style={{ textDecoration: 'none', borderBottom: 'none', color: 'inherit' }} to={prefixLink('/')}> {config.siteAuthor}</Link></h1>
+        ) :
+          <h2><Link style={{ textDecoration: 'none', borderBottom: 'none', color: 'inherit' }} to={prefixLink('/')}> {config.siteAuthor}</Link></h2> }
+        <p>
+          {config.siteDescr}
+        </p>
+      </header>
+    );
+    /* eslint-enable jsx-a11y/img-redundant-alt*/
 
-        return (
-            <div className='sidebar'>
-              <div className='sidebar-inner'>
-                <div className='blog-details'>
-                  <header>
-                    { header }
-                  </header>
-                </div>
-                <div className='blog-options'>
-                  <SiteNav {...this.props}/>
-                  <footer>
-                    <SiteLinks {...this.props}/>
-                    <p className='copyright'>
-                      &copy; All rights reserved.
-                    </p>
-                  </footer>
-                </div>
-              </div>
-            </div>
-            );
-    }
+    return (
+      <div className="sidebar">
+        <div className="sidebar-inner">
+          <div className="blog-details">
+            <header>
+              {header}
+            </header>
+          </div>
+          <div className="blog-options">
+            <SiteNav {...this.props} />
+            <footer>
+              <SiteLinks {...this.props} />
+              <p className="copyright">
+                &copy; All rights reserved.
+              </p>
+            </footer>
+          </div>
+        </div>
+      </div>
+    );
+  }
 }
 
 SiteSidebar.propTypes = {
-    children: React.PropTypes.any,
-    location: React.PropTypes.object,
-}
+  location: React.PropTypes.object,
+};
 
-export default SiteSidebar
\ No newline at end of file
+export default SiteSidebar;