2016-03-30 09:24:52 +09:00
|
|
|
import React from 'react';
|
|
|
|
|
2016-03-24 16:03:30 +09:00
|
|
|
const PostCommenters = ({post}) => {
|
2016-02-19 10:12:08 +09:00
|
|
|
return (
|
2016-03-30 10:06:12 +09:00
|
|
|
<div className="post-commenters">
|
|
|
|
<div className="post-commenters-avatars">
|
2016-03-24 16:03:30 +09:00
|
|
|
{post.commentersArray.map(user => <UserAvatar key={user._id} user={user}/>)}
|
|
|
|
</div>
|
|
|
|
<div className="post-discuss">
|
2016-03-25 11:22:35 +09:00
|
|
|
<a href={Posts.getPageUrl(post)}>
|
2016-03-24 16:03:30 +09:00
|
|
|
<Icon name="comment" />
|
|
|
|
<span className="post-comments-count">{post.commentCount}</span>
|
|
|
|
<span className="sr-only">Comments</span>
|
|
|
|
</a>
|
|
|
|
</div>
|
2016-02-19 10:12:08 +09:00
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
2016-03-24 16:03:30 +09:00
|
|
|
module.exports = PostCommenters;
|
|
|
|
export default PostCommenters;
|