Rewrite <LoadPending /> as FC and TS (#25363)
parent
432a5d2d4b
commit
dfaf59d99a
3 changed files with 19 additions and 24 deletions
@ -1,23 +0,0 @@ |
||||
import PropTypes from 'prop-types'; |
||||
import { PureComponent } from 'react'; |
||||
|
||||
import { FormattedMessage } from 'react-intl'; |
||||
|
||||
export default class LoadPending extends 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> |
||||
); |
||||
} |
||||
|
||||
} |
@ -0,0 +1,18 @@ |
||||
import { FormattedMessage } from 'react-intl'; |
||||
|
||||
interface Props { |
||||
onClick: (event: React.MouseEvent) => void; |
||||
count: number; |
||||
} |
||||
|
||||
export const LoadPending: React.FC<Props> = ({ onClick, count }) => { |
||||
return ( |
||||
<button className='load-more load-gap' onClick={onClick}> |
||||
<FormattedMessage |
||||
id='load_pending' |
||||
defaultMessage='{count, plural, one {# new item} other {# new items}}' |
||||
values={{ count }} |
||||
/> |
||||
</button> |
||||
); |
||||
}; |
Loading…
Reference in new issue