mastermindzh/rickvanlieshout.com
1
0
Fork 0
mirror of https://github.com/mastermindzh/rickvanlieshout.com synced 2025-01-14 07:41:50 +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

61
components/SiteSidebar/index.jsx
View File

@ -1,45 +1,51 @@
import React from 'react' import React from 'react';
import { RouteHandler, Link } from 'react-router' import { Link } from 'react-router';
import { prefixLink } from 'gatsby-helpers' import { prefixLink } from 'gatsby-helpers';
import { config } from 'config' import { config } from 'config';
import SiteNav from '../SiteNav' import SiteNav from '../SiteNav';
import SiteLinks from '../SiteLinks' import SiteLinks from '../SiteLinks';
import './style.css' import './style.css';
import profilePic from '../../pages/photo.jpg' import profilePic from '../../pages/photo.jpg';
class SiteSidebar extends React.Component { class SiteSidebar extends React.Component {
render() { render() {
const {location, children} = this.props const { location } = this.props;
const isHome = location.pathname === prefixLink('/') const isHome = location.pathname === prefixLink('/');
let header = ( /* eslint-disable jsx-a11y/img-redundant-alt*/
const header = (
<header> <header>
<Link style={ { textDecoration: 'none', borderBottom: 'none', outline: 'none'} } to={ prefixLink('/') }> <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> </Link>
{ isHome ? ( { isHome ? (
<h1><Link style={ { textDecoration: 'none', borderBottom: 'none', color: 'inherit'} } to={ prefixLink('/') }> { config.siteAuthor } </Link></h1> <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> } <h2><Link style={{ textDecoration: 'none', borderBottom: 'none', color: 'inherit' }} to={prefixLink('/')}> {config.siteAuthor}</Link></h2> }
<p> <p>
{ config.siteDescr } {config.siteDescr}
</p> </p>
</header> </header>
) );
/* eslint-enable jsx-a11y/img-redundant-alt*/
return ( return (
<div className='sidebar'> <div className="sidebar">
<div className='sidebar-inner'> <div className="sidebar-inner">
<div className='blog-details'> <div className="blog-details">
<header> <header>
{ header } {header}
</header> </header>
</div> </div>
<div className='blog-options'> <div className="blog-options">
<SiteNav {...this.props}/> <SiteNav {...this.props} />
<footer> <footer>
<SiteLinks {...this.props}/> <SiteLinks {...this.props} />
<p className='copyright'> <p className="copyright">
&copy; All rights reserved. &copy; All rights reserved.
</p> </p>
</footer> </footer>
@ -51,8 +57,7 @@ class SiteSidebar extends React.Component {
} }
SiteSidebar.propTypes = { SiteSidebar.propTypes = {
children: React.PropTypes.any,
location: React.PropTypes.object, location: React.PropTypes.object,
} };
export default SiteSidebar export default SiteSidebar;