rickvanlieshout.com/components/SitePost/index.jsx

55 lines
1.6 KiB
React
Raw Normal View History

2016-03-11 23:28:19 +01:00
import React from 'react'
import moment from 'moment'
import { RouteHandler, Link } from 'react-router'
import DocumentTitle from 'react-document-title'
2016-06-03 01:32:38 +02:00
import { prefixLink } from 'gatsby-helpers'
2016-03-11 23:28:19 +01:00
import access from 'safe-access'
import { config } from 'config'
2016-06-03 01:32:38 +02:00
import ReadNext from '../ReadNext'
import './style.css'
2016-03-11 23:28:19 +01:00
import '../../static/css/highlight.css'
2016-06-03 13:05:50 +02:00
class SitePost extends React.Component {
2016-03-21 18:03:01 +01:00
render() {
const {route} = this.props
const post = route.page.data
const home = (
2016-03-11 23:28:19 +01:00
<div>
2016-06-03 01:32:38 +02:00
<Link className='gohome' to={ prefixLink('/') }> All Articles
2016-03-21 18:03:01 +01:00
</Link>
</div>
)
return (
<div>
{ home }
<div className='blog-single'>
<div className='text'>
<h1>{ post.title }</h1>
<div dangerouslySetInnerHTML={ { __html: post.body} } />
<div className='date-published'>
<em>Published { moment(post.date).format('D MMM YYYY') }</em>
2016-03-21 18:03:01 +01:00
</div>
2016-03-11 23:28:19 +01:00
</div>
2016-03-21 18:03:01 +01:00
<div className='footer'>
<ReadNext post={ post } {...this.props}/>
<hr></hr>
<p>
{ config.siteDescr }
<a href={ config.siteTwitterUrl }>
2016-06-03 01:32:38 +02:00
<br></br> <strong>{ config.siteAuthor }</strong> on Twitter</a>
2016-03-21 18:03:01 +01:00
</p>
</div>
</div>
2016-03-11 23:28:19 +01:00
</div>
2016-03-21 18:03:01 +01:00
);
}
2016-03-11 23:28:19 +01:00
}
2016-06-03 13:05:50 +02:00
SitePost.propTypes = {
2016-03-21 18:03:01 +01:00
post: React.PropTypes.object.isRequired,
pages: React.PropTypes.array,
2016-03-11 23:28:19 +01:00
}
export default SitePost