2016-02-15 22:33:44 +09:00
|
|
|
const PostList = props => {
|
|
|
|
|
2016-02-16 16:12:13 +09:00
|
|
|
({PostItem, LoadMore, PostsLoading, NoPosts, NoMorePosts} = Telescope.components);
|
2016-02-15 22:33:44 +09:00
|
|
|
|
2016-02-16 15:40:37 +09:00
|
|
|
if (!!props.results.length) {
|
2016-02-15 22:33:44 +09:00
|
|
|
return (
|
|
|
|
<div className="postList">
|
2016-02-16 15:40:37 +09:00
|
|
|
{props.results.map(post => <PostItem {...post} key={post._id}/>)}
|
2016-02-15 22:33:44 +09:00
|
|
|
{props.hasMore ? (props.ready ? <LoadMore {...props}/> : <PostsLoading/>) : <NoMorePosts/>}
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
} else if (!props.ready) {
|
|
|
|
return (
|
|
|
|
<div className="postList">
|
|
|
|
<PostsLoading/>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
} else {
|
|
|
|
return (
|
|
|
|
<div className="postList">
|
|
|
|
<NoPosts/>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
module.exports = PostList;
|