Rewrite `<LoadMore />` as FC and TS (#25259)
parent
50a8f5b8a7
commit
fb5bf5cbf8
7 changed files with 29 additions and 33 deletions
@ -1,28 +0,0 @@ |
||||
import PropTypes from 'prop-types'; |
||||
import { PureComponent } from 'react'; |
||||
|
||||
import { FormattedMessage } from 'react-intl'; |
||||
|
||||
export default class LoadMore extends PureComponent { |
||||
|
||||
static propTypes = { |
||||
onClick: PropTypes.func, |
||||
disabled: PropTypes.bool, |
||||
visible: PropTypes.bool, |
||||
}; |
||||
|
||||
static defaultProps = { |
||||
visible: true, |
||||
}; |
||||
|
||||
render() { |
||||
const { disabled, visible } = this.props; |
||||
|
||||
return ( |
||||
<button type='button' className='load-more' disabled={disabled || !visible} style={{ visibility: visible ? 'visible' : 'hidden' }} onClick={this.props.onClick}> |
||||
<FormattedMessage id='status.load_more' defaultMessage='Load more' /> |
||||
</button> |
||||
); |
||||
} |
||||
|
||||
} |
@ -0,0 +1,24 @@ |
||||
import { FormattedMessage } from 'react-intl'; |
||||
|
||||
interface Props { |
||||
onClick: (event: React.MouseEvent) => void; |
||||
disabled?: boolean; |
||||
visible?: boolean; |
||||
} |
||||
export const LoadMore: React.FC<Props> = ({ |
||||
onClick, |
||||
disabled, |
||||
visible = true, |
||||
}) => { |
||||
return ( |
||||
<button |
||||
type='button' |
||||
className='load-more' |
||||
disabled={disabled || !visible} |
||||
style={{ visibility: visible ? 'visible' : 'hidden' }} |
||||
onClick={onClick} |
||||
> |
||||
<FormattedMessage id='status.load_more' defaultMessage='Load more' /> |
||||
</button> |
||||
); |
||||
}; |
Loading…
Reference in new issue