The code powering m.abunchtell.com https://m.abunchtell.com
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

28 line
672 B

  1. import React from 'react';
  2. import { FormattedMessage } from 'react-intl';
  3. import PropTypes from 'prop-types';
  4. export default class LoadMore extends React.PureComponent {
  5. static propTypes = {
  6. onClick: PropTypes.func,
  7. disabled: PropTypes.bool,
  8. visible: PropTypes.bool,
  9. }
  10. static defaultProps = {
  11. visible: true,
  12. }
  13. render() {
  14. const { disabled, visible } = this.props;
  15. return (
  16. <button className='load-more' disabled={disabled || !visible} style={{ visibility: visible ? 'visible' : 'hidden' }} onClick={this.props.onClick}>
  17. <FormattedMessage id='status.load_more' defaultMessage='Load more' />
  18. </button>
  19. );
  20. }
  21. }