about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/components/load_pending.jsx
blob: a75259146ae8048a1143c9119848108c09e0d6e5 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
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>
    );
  }

}