2016-03-30 09:24:52 +09:00
|
|
|
import React from 'react';
|
|
|
|
|
2016-04-14 10:12:35 +09:00
|
|
|
const PostsStats = ({post}) => {
|
2016-03-21 10:27:43 +09:00
|
|
|
|
|
|
|
({Icon} = Telescope.components);
|
|
|
|
|
|
|
|
return (
|
2016-04-19 15:45:36 +09:00
|
|
|
<div className="posts-stats">
|
|
|
|
{post.score ? <span className="posts-stats-item" title="Score"><Icon name="score"/> {Math.floor(post.score*10000)/10000} <span className="sr-only">Score</span></span> : ""}
|
|
|
|
<span className="posts-stats-item" title="Upvotes"><Icon name="upvote"/> {post.upvotes} <span className="sr-only">Upvotes</span></span>
|
|
|
|
<span className="posts-stats-item" title="Clicks"><Icon name="clicks"/> {post.clickCount} <span className="sr-only">Clicks</span></span>
|
|
|
|
<span className="posts-stats-item" title="Views"><Icon name="views"/> {post.viewCount} <span className="sr-only">Views</span></span>
|
2016-03-21 10:27:43 +09:00
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
2016-04-14 10:12:35 +09:00
|
|
|
module.exports = PostsStats;
|
|
|
|
export default PostsStats;
|