1ff70886a1
Co-authored-by: tobi <tobi.smethurst@protonmail.com> Reviewed-on: https://codeberg.org/superseriousbusiness/masto-fe-standalone/pulls/88 Co-authored-by: Zoë Bijl <moiety@noreply.codeberg.org> Co-committed-by: Zoë Bijl <moiety@noreply.codeberg.org>
19 lines
462 B
TypeScript
19 lines
462 B
TypeScript
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>
|
|
);
|
|
};
|