mastermindzh/rickvanlieshout.com
1
0
Fork 0
mirror of https://github.com/mastermindzh/rickvanlieshout.com synced 2025-01-13 15:29:16 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactor: fixes linting errors components/SiteSidebar/index.jsx

Browse Source
This commit is contained in:
Simon Reinsperger 2017-03-08 17:53:24 +01:00
parent 923a226d9d
commit 9ace1405f8
1 changed files with 55 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
components/SiteSidebar/index.jsx
View File

@ -1,21 +1,26 @@
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('/')
const { location } = this.props;
const isHome = location.pathname === prefixLink('/');
let 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' />
<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>
@ -25,21 +30,22 @@ class SiteSidebar extends React.Component {
{config.siteDescr}
</p>
</header>
)
);
/* eslint-enable jsx-a11y/img-redundant-alt*/
return (
<div className='sidebar'>
<div className='sidebar-inner'>
<div className='blog-details'>
<div className="sidebar">
<div className="sidebar-inner">
<div className="blog-details">
<header>
{header}
</header>
</div>
<div className='blog-options'>
<div className="blog-options">
<SiteNav {...this.props} />
<footer>
<SiteLinks {...this.props} />
<p className='copyright'>
<p className="copyright">
&copy; All rights reserved.
</p>
</footer>
@ -51,8 +57,7 @@ class SiteSidebar extends React.Component {
}
SiteSidebar.propTypes = {
children: React.PropTypes.any,
location: React.PropTypes.object,
}
};
export default SiteSidebar
export default SiteSidebar;