66 lines
1.9 KiB
JavaScript
66 lines
1.9 KiB
JavaScript
import React from 'react';
|
|
import { RouteHandler, Link } from 'react-router';
|
|
import sortBy from 'lodash/collection/sortBy';
|
|
import DocumentTitle from 'react-document-title';
|
|
import { link } from 'gatsby-helpers';
|
|
|
|
module.exports = React.createClass({
|
|
statics: {
|
|
data: function() {
|
|
return {
|
|
yo: true
|
|
};
|
|
}
|
|
},
|
|
render: function() {
|
|
var i, len, page, pageLinks, ref, ref1, ref2, rhythm, title;
|
|
rhythm = this.props.typography.rhythm;
|
|
pageLinks = [];
|
|
ref = sortBy(this.props.pages, function(page) {
|
|
var ref;
|
|
return (ref = page.data) != null ? ref.date : void 0;
|
|
}).reverse();
|
|
for (i = 0, len = ref.length; i < len; i++) {
|
|
page = ref[i];
|
|
title = ((ref1 = page.data) != null ? ref1.title : void 0) || page.path;
|
|
if (page.path !== link("/") && !((ref2 = page.data) != null ? ref2.draft : void 0)) {
|
|
pageLinks.push(
|
|
<li
|
|
key={page.path}
|
|
style={{
|
|
marginBottom: rhythm(1/4)
|
|
}}
|
|
>
|
|
<Link to={page.path}>{title}</Link>
|
|
</li>
|
|
);
|
|
}
|
|
}
|
|
return (
|
|
<DocumentTitle title={this.props.config.blogTitle}>
|
|
<div>
|
|
<p
|
|
style={{
|
|
marginBottom: rhythm(2.5)
|
|
}}
|
|
>
|
|
<img
|
|
src="./kyle-round-small-pantheon.jpg"
|
|
style={{
|
|
float: 'left',
|
|
marginRight: rhythm(1/4),
|
|
marginBottom: 0,
|
|
width: rhythm(2),
|
|
height: rhythm(2)
|
|
}}
|
|
/>
|
|
Written by <strong>{this.props.config.authorName}</strong> who lives and works in San Francisco building useful things. <a href="https://twitter.com/kylemathews">You should follow him on Twitter</a>
|
|
</p>
|
|
<ul>
|
|
{pageLinks}
|
|
</ul>
|
|
</div>
|
|
</DocumentTitle>
|
|
);
|
|
}
|
|
});
|