[Glitch] Fix export style of `<LoadGap />` based on `<Domain />`

Port 4197b5e4c8 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
たいち ひ 2023-05-25 20:03:37 +09:00 committed by Claire
parent 0009b4b574
commit 6a592083f1
1 changed files with 17 additions and 17 deletions

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