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

17 lines
570 B
JavaScript

import { registerComponent } from 'meteor/vulcan:core';
import React from 'react';
import { FormattedMessage } from 'react-intl';
const PostsLoadMore = ({loadMore, count, totalCount}) => {
return (
<a className="posts-load-more" onClick={e => {e.preventDefault(); loadMore();}}>
<span><FormattedMessage id="posts.load_more"/></span>
&nbsp;
{totalCount ? <span className="load-more-count">{`(${count}/${totalCount})`}</span> : null}
</a>
)
}
PostsLoadMore.displayName = "PostsLoadMore";
registerComponent('PostsLoadMore', PostsLoadMore);