Vulcan/packages/vulcan-base-components/lib/posts/PostsLoadMore.jsx

18 lines
570 B
React
Raw Normal View History

2017-03-23 16:27:59 +09:00
import { registerComponent } from 'meteor/vulcan:core';
import React from 'react';
2016-06-09 17:42:20 +09:00
import { FormattedMessage } from 'react-intl';
2016-04-14 10:12:35 +09:00
const PostsLoadMore = ({loadMore, count, totalCount}) => {
2016-06-06 15:03:02 +09:00
return (
2016-12-06 14:48:35 +09:00
<a className="posts-load-more" onClick={e => {e.preventDefault(); loadMore();}}>
2016-06-09 17:42:20 +09:00
<span><FormattedMessage id="posts.load_more"/></span>
&nbsp;
2016-06-06 15:03:02 +09:00
{totalCount ? <span className="load-more-count">{`(${count}/${totalCount})`}</span> : null}
</a>
)
2016-03-27 16:32:29 +09:00
}
PostsLoadMore.displayName = "PostsLoadMore";
registerComponent('PostsLoadMore', PostsLoadMore);