46 lines
1.2 KiB
JavaScript
46 lines
1.2 KiB
JavaScript
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*
|
|
* @providesModule BlogPost
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
var Marked = require('Marked');
|
|
var React = require('React');
|
|
|
|
var BlogPost = React.createClass({
|
|
render: function() {
|
|
var post = this.props.post;
|
|
var content = this.props.content;
|
|
|
|
var match = post.path.match(/([0-9]+)\/([0-9]+)\/([0-9]+)/);
|
|
// Because JavaScript sucks at date handling :(
|
|
var year = match[1];
|
|
var month = [
|
|
'January', 'February', 'March', 'April', 'May', 'June', 'July',
|
|
'August', 'September', 'October', 'November', 'December'
|
|
][parseInt(match[2], 10) - 1];
|
|
var day = parseInt(match[3], 10);
|
|
|
|
return (
|
|
<div>
|
|
<h1>{post.title}</h1>
|
|
<p className="meta">
|
|
{month} {day}, {year} by{' '}
|
|
<a href={post.authorURL} target="_blank">{post.author}</a>
|
|
</p>
|
|
<hr />
|
|
<Marked>{content}</Marked>
|
|
</div>
|
|
);
|
|
}
|
|
});
|
|
|
|
module.exports = BlogPost;
|