Fix export style of <LoadGap /> based on <Domain /> (#25128)

This commit is contained in:
たいち ひ 2023-05-25 20:03:37 +09:00 committed by GitHub
parent 1d588d58f1
commit 4197b5e4c8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -16,21 +16,21 @@ interface Props {
intl: InjectedIntl; intl: InjectedIntl;
} }
export const LoadGap = injectIntl<Props>( const _LoadGap: React.FC<Props> = ({ disabled, maxId, onClick, intl }) => {
({ disabled, maxId, onClick, intl }) => { const handleClick = useCallback(() => {
const handleClick = useCallback(() => { onClick(maxId);
onClick(maxId); }, [maxId, onClick]);
}, [maxId, onClick]);
return ( return (
<button <button
className='load-more load-gap' className='load-more load-gap'
disabled={disabled} disabled={disabled}
onClick={handleClick} onClick={handleClick}
aria-label={intl.formatMessage(messages.load_more)} aria-label={intl.formatMessage(messages.load_more)}
> >
<Icon id='ellipsis-h' /> <Icon id='ellipsis-h' />
</button> </button>
); );
} };
);
export const LoadGap = injectIntl(_LoadGap);