47 lines
1.2 KiB
JavaScript
47 lines
1.2 KiB
JavaScript
import React from 'react'
|
|
import moment from 'moment'
|
|
import DocumentTitle from 'react-document-title'
|
|
import { link } from 'gatsby-helpers'
|
|
import ReadNext from '../components/ReadNext'
|
|
import { rhythm } from 'utils/typography'
|
|
import { config } from 'config'
|
|
import Bio from 'components/Bio'
|
|
|
|
import '../css/zenburn.css'
|
|
|
|
class MarkdownWrapper extends React.Component {
|
|
render () {
|
|
const { route } = this.props
|
|
const post = route.page.data
|
|
|
|
return (
|
|
<DocumentTitle title={`${post.title} | ${config.blogTitle}`}>
|
|
<div className="markdown">
|
|
<h1>{post.title}</h1>
|
|
<div dangerouslySetInnerHTML={{ __html: post.body }} />
|
|
<em
|
|
style={{
|
|
display: 'block',
|
|
marginBottom: rhythm(2),
|
|
}}
|
|
>
|
|
Posted {moment(post.date).format('MMMM D, YYYY')}
|
|
</em>
|
|
<hr
|
|
style={{
|
|
marginBottom: rhythm(2),
|
|
}}
|
|
/>
|
|
<ReadNext post={post} pages={route.pages} />
|
|
<Bio />
|
|
</div>
|
|
</DocumentTitle>
|
|
)
|
|
}
|
|
}
|
|
|
|
MarkdownWrapper.propTypes = {
|
|
route: React.PropTypes.object,
|
|
}
|
|
|
|
export default MarkdownWrapper
|