gab-social/app/javascript/gabsocial/components/load_more.js

57 lines
1.2 KiB
JavaScript
Raw Normal View History

2020-02-17 17:50:29 +00:00
import { injectIntl, defineMessages } from 'react-intl'
2020-02-29 15:42:47 +00:00
import Button from './button'
import Text from './text'
const messages = defineMessages({
load_more: { id: 'status.load_more', defaultMessage: 'Load more' },
2020-02-17 17:50:29 +00:00
})
2020-02-24 21:56:07 +00:00
export default
@injectIntl
class LoadMore extends PureComponent {
static propTypes = {
onClick: PropTypes.func,
disabled: PropTypes.bool,
visible: PropTypes.bool,
intl: PropTypes.object.isRequired,
}
static defaultProps = {
visible: true,
}
2020-04-28 06:33:58 +01:00
handleClick = (e) => {
2020-05-02 07:25:55 +01:00
this.props.onClick(e)
}
render() {
2020-04-28 06:33:58 +01:00
const {
disabled,
visible,
intl,
} = this.props
return (
2020-04-17 06:35:46 +01:00
<div className={[_s.default, _s.py10, _s.px10].join(' ')}>
<Button
2020-04-23 07:13:29 +01:00
isBlock
2020-04-17 06:35:46 +01:00
radiusSmall
backgroundColor='tertiary'
color='primary'
disabled={disabled || !visible}
2020-04-28 06:33:58 +01:00
style={{
visibility: visible ? 'visible' : 'hidden',
}}
2020-04-17 06:35:46 +01:00
onClick={this.handleClick}
aria-label={intl.formatMessage(messages.load_more)}
>
2020-04-28 06:33:58 +01:00
<Text color='inherit' align='center'>
{intl.formatMessage(messages.load_more)}
</Text>
2020-04-17 06:35:46 +01:00
</Button>
</div>
2020-02-17 17:50:29 +00:00
)
}
}