mirror of
https://github.com/mastermindzh/rickvanlieshout.com
synced 2024-12-27 07:18:17 +01:00
refactor: fixes linting errors components/SitePost/index.jsx
This commit is contained in:
parent
54642a6757
commit
923a226d9d
@ -1,42 +1,41 @@
|
|||||||
import React from 'react'
|
import React from 'react';
|
||||||
import moment from 'moment'
|
import moment from 'moment';
|
||||||
import { RouteHandler, Link } from 'react-router'
|
import { Link } from 'react-router';
|
||||||
import { prefixLink } from 'gatsby-helpers'
|
import { prefixLink } from 'gatsby-helpers';
|
||||||
import access from 'safe-access'
|
import { config } from 'config';
|
||||||
import { config } from 'config'
|
import ReadNext from '../ReadNext';
|
||||||
import ReadNext from '../ReadNext'
|
import './style.css';
|
||||||
import './style.css'
|
import '../../static/css/highlight.css';
|
||||||
import '../../static/css/highlight.css'
|
|
||||||
|
|
||||||
class SitePost extends React.Component {
|
class SitePost extends React.Component {
|
||||||
render() {
|
render() {
|
||||||
const {route} = this.props
|
const { route } = this.props;
|
||||||
const post = route.page.data
|
const post = route.page.data;
|
||||||
const home = (
|
const home = (
|
||||||
<div>
|
<div>
|
||||||
<Link className='gohome' to={ prefixLink('/') }> All Articles
|
<Link className="gohome" to={prefixLink('/')}>All Articles</Link>
|
||||||
</Link>
|
|
||||||
</div>
|
</div>
|
||||||
)
|
);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
{ home }
|
{home}
|
||||||
<div className='blog-single'>
|
<div className="blog-single">
|
||||||
<div className='text'>
|
<div className="text">
|
||||||
<h1>{ post.title }</h1>
|
<h1>{post.title}</h1>
|
||||||
<div dangerouslySetInnerHTML={ { __html: post.body} } />
|
<div dangerouslySetInnerHTML={{ __html: post.body }} />
|
||||||
<div className='date-published'>
|
<div className="date-published">
|
||||||
<em>Published { moment(post.date).format('D MMM YYYY') }</em>
|
<em>Published {moment(post.date).format('D MMM YYYY')}</em>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className='footer'>
|
<div className="footer">
|
||||||
<ReadNext post={ post } {...this.props}/>
|
<ReadNext post={post} {...this.props} />
|
||||||
<hr></hr>
|
<hr />
|
||||||
<p>
|
<p>
|
||||||
{ config.siteDescr }
|
{config.siteDescr}
|
||||||
<a href={ config.siteTwitterUrl }>
|
<a href={config.siteTwitterUrl}>
|
||||||
<br></br> <strong>{ config.siteAuthor }</strong> on Twitter</a>
|
<br /> <strong>{config.siteAuthor}</strong> on Twitter
|
||||||
|
</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -46,7 +45,7 @@ class SitePost extends React.Component {
|
|||||||
}
|
}
|
||||||
|
|
||||||
SitePost.propTypes = {
|
SitePost.propTypes = {
|
||||||
route: React.PropTypes.object.isRequired
|
route: React.PropTypes.object.isRequired,
|
||||||
}
|
};
|
||||||
|
|
||||||
export default SitePost
|
export default SitePost;
|
||||||
|
Loading…
Reference in New Issue
Block a user