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.
24 lines
548 B
24 lines
548 B
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> |
|
); |
|
};
|
|
|