Vulcan/packages/vulcan-base-components/lib/posts/PostsDay.jsx
2017-05-16 11:04:43 +09:00

34 lines
910 B
JavaScript

import { Components, registerComponent } from 'meteor/vulcan:core';
import React, { PropTypes, Component } from 'react';
class PostsDay extends Component {
render() {
const {date, posts} = this.props;
const noPosts = posts.length === 0;
return (
<div className="posts-day">
<h4 className="posts-day-heading">{date.format("dddd, MMMM Do YYYY")}</h4>
{ noPosts ? <Components.PostsNoMore /> :
<div className="posts-list">
<div className="posts-list-content">
{posts.map((post, index) => <Components.PostsItem post={post} key={post._id} index={index} currentUser={this.props.currentUser} />)}
</div>
</div>
}
</div>
)
}
}
PostsDay.propTypes = {
currentUser: React.PropTypes.object,
date: React.PropTypes.object,
number: React.PropTypes.number
}
registerComponent('PostsDay', PostsDay);