mirror of
https://github.com/status-im/react-native.git
synced 2025-01-19 14:02:10 +00:00
e22abd91bf
Summary: Similar to the Hero image functionality. If a video URL is present in the post metadata, it will be displayed instead of a Hero image. This will be useful when highlighting videos in blog posts. Renamed ReadMoreLink into a more generic ExceptLink which will display "Watch video" when the blog post category is "videos". Currently there is no way of listing blog posts by categories, but it may be useful to do so later once we have a larger catalog of content. Closes https://github.com/facebook/react-native/pull/9794 Differential Revision: D3828862 Pulled By: mkonicek fbshipit-source-id: 1a88aab5edcdf7c84bb679263d6b97d52cf201a2
59 lines
1.7 KiB
JavaScript
59 lines
1.7 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 BlogPostHeader = require('BlogPostHeader');
|
|
var BlogPostFooter = require('BlogPostFooter');
|
|
var ExcerptLink = require('ExcerptLink');
|
|
|
|
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);
|
|
|
|
var postedOnDate = month + ' ' + day + ', ' + year;
|
|
|
|
var footer = <BlogPostFooter post={post} postedOnDate={postedOnDate} />;
|
|
|
|
if (this.props.excerpt) {
|
|
content = content.trim().split('\n')[0];
|
|
footer = <ExcerptLink href={'/react-native/blog/' + post.path} category={post.category} />;
|
|
}
|
|
|
|
return (
|
|
<article>
|
|
<BlogPostHeader
|
|
post={post}
|
|
postedOnDate={postedOnDate}
|
|
excerpt={this.props.excerpt} />
|
|
<div className="entry-content">
|
|
<Marked>{content}</Marked>
|
|
</div>
|
|
{footer}
|
|
</article>
|
|
);
|
|
}
|
|
});
|
|
|
|
module.exports = BlogPost;
|