Rewrite <LoadMore /> as FC and TS (#25259)

This commit is contained in:
alfe authored and GitHub committed 2023-06-06 11:28:50 +02:00
1 parent 50a8f5b8a7
commit fb5bf5cbf8
7 files changed
+29 -33

No files matched your search

@@ -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>
);
};