rickvanlieshout.com/components/SiteNav/index.jsx

35 lines
946 B
React
Raw Normal View History

2016-03-11 23:28:19 +01:00
import React from 'react'
import { RouteHandler, Link } from 'react-router'
2016-06-03 01:32:38 +02:00
import { prefixLink } from 'gatsby-helpers'
import './style.css'
2016-03-11 23:28:19 +01:00
2016-06-03 13:05:50 +02:00
class SiteNav extends React.Component {
2016-03-21 18:03:01 +01:00
render() {
const {location} = this.props
return (
<nav className='blog-nav'>
<ul>
<li>
2016-12-09 22:13:44 +01:00
<Link to={ prefixLink('/')} activeClassName="current" onlyActiveOnIndex> Articles
2016-03-21 18:03:01 +01:00
</Link>
</li>
<li>
2016-12-09 22:13:44 +01:00
<Link to={ prefixLink('/about/')} activeClassName="current"> About me
2016-03-21 18:03:01 +01:00
</Link>
</li>
<li>
2016-12-09 22:13:44 +01:00
<Link to={ prefixLink('/contact/')} activeClassName="current"> Contact me
2016-03-21 18:03:01 +01:00
</Link>
</li>
</ul>
</nav>
);
}
2016-03-11 23:28:19 +01:00
}
2016-06-03 13:05:50 +02:00
SiteNav.propTypes = {
2016-03-21 18:03:01 +01:00
location: React.PropTypes.object,
2016-03-11 23:28:19 +01:00
}
export default SiteNav