diff options
Diffstat (limited to 'app/javascript/flavours/glitch/components/load_pending.jsx')
-rw-r--r-- | app/javascript/flavours/glitch/components/load_pending.jsx | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/components/load_pending.jsx b/app/javascript/flavours/glitch/components/load_pending.jsx new file mode 100644 index 000000000..a75259146 --- /dev/null +++ b/app/javascript/flavours/glitch/components/load_pending.jsx @@ -0,0 +1,22 @@ +import React from 'react'; +import { FormattedMessage } from 'react-intl'; +import PropTypes from 'prop-types'; + +export default class LoadPending extends React.PureComponent { + + static propTypes = { + onClick: PropTypes.func, + count: PropTypes.number, + }; + + render() { + const { count } = this.props; + + return ( + <button className='load-more load-gap' onClick={this.props.onClick}> + <FormattedMessage id='load_pending' defaultMessage='{count, plural, one {# new item} other {# new items}}' values={{ count }} /> + </button> + ); + } + +} |