mastermindzh/rickvanlieshout.com
1
0
Fork 0
mirror of https://github.com/mastermindzh/rickvanlieshout.com synced 2024-12-25 22:39:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactor: fixes linting errors pages/index.jsx

Browse Source
This commit is contained in:
Simon Reinsperger 2017-03-08 17:16:26 +01:00
parent a1cee07124
commit db448ba9d1
1 changed files with 49 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

101
pages/index.jsx
View File

@ -1,61 +1,58 @@
import React from 'react'
import { Link } from 'react-router'
import sortBy from 'lodash/sortBy'
import moment from 'moment'
import Helmet from 'react-helmet'
import { prefixLink } from 'gatsby-helpers'
import access from 'safe-access'
import { config } from 'config'
import SitePost from '../components/SitePost'
import SiteSidebar from '../components/SiteSidebar'
import React from 'react';
import { Link } from 'react-router';
import sortBy from 'lodash/sortBy';
import moment from 'moment';
import Helmet from 'react-helmet';
import { prefixLink } from 'gatsby-helpers';
import access from 'safe-access';
import { config } from 'config';
import SiteSidebar from '../components/SiteSidebar';
class SiteIndex extends React.Component {
render() {
const pageLinks = []
// Sort pages.
const sortedPages = sortBy(this.props.route.pages, (page) => access(page, 'data.date')
).reverse()
sortedPages.forEach((page) => {
if (access(page, 'file.ext') === 'md' && access(page, 'data.layout') === 'post') {
const title = access(page, 'data.title') || page.path
const description = access(page, 'data.description')
const datePublished = access(page, 'data.date')
const category = access(page, 'data.category')
render() {
const pageLinks = [];
// Sort pages.
const sortedPages = sortBy(this.props.route.pages, page => access(page, 'data.date')).reverse();
sortedPages.forEach((page) => {
if (access(page, 'file.ext') === 'md' && access(page, 'data.layout') === 'post') {
const title = access(page, 'data.title') || page.path;
const description = access(page, 'data.description');
const datePublished = access(page, 'data.date');
const category = access(page, 'data.category');
pageLinks.push(
<div className='blog-post' key={ title }>
<time dateTime={ moment(datePublished).format('MMMM D, YYYY') }>
{ moment(datePublished).format('MMMM YYYY') }
</time>
<span style={ { padding: '5px'} }></span>
<span className='blog-category'>{ category }</span>
<h2><Link style={ { borderBottom: 'none',} } to={ prefixLink(page.path) } > { title } </Link></h2>
<p dangerouslySetInnerHTML={ { __html: description} } />
<Link className='readmore' to={ prefixLink(page.path) }> Read
</Link>
</div>
)
}
})
pageLinks.push((
<div className="blog-post" key={title}>
<time dateTime={moment(datePublished).format('MMMM D, YYYY')}>
{moment(datePublished).format('MMMM YYYY')}
</time>
<span style={{ padding: '5px' }} />
<span className="blog-category">{category}</span>
<h2><Link style={{ borderBottom: 'none' }} to={prefixLink(page.path)}>{title}</Link></h2>
<p dangerouslySetInnerHTML={{ __html: description }} />
<Link className="readmore" to={prefixLink(page.path)}>Read</Link>
</div>
));
}
});
return (
<div>
<Helmet title={ config.siteTitle }/>
<SiteSidebar {...this.props}/>
<div className='content'>
<div className='main'>
<div className='main-inner'>
{ pageLinks }
</div>
</div>
</div>
return (
<div>
<Helmet title={config.siteTitle} />
<SiteSidebar {...this.props} />
<div className="content">
<div className="main">
<div className="main-inner">
{pageLinks}
</div>
)
}
</div>
</div>
</div>
);
}
}
SiteIndex.propTypes = {
route: React.PropTypes.object,
}
route: React.PropTypes.object,
};
export default SiteIndex
export default SiteIndex;