37 lines
1010 B
TypeScript
37 lines
1010 B
TypeScript
import { useCallback } from 'react';
|
|
|
|
import { FormattedMessage } from 'react-intl';
|
|
|
|
import { revealAccount } from '@/mastodon/actions/accounts_typed';
|
|
import { domain } from '@/mastodon/initial_state';
|
|
import { useAppDispatch } from '@/mastodon/store';
|
|
|
|
import { Button } from './button';
|
|
|
|
export const LimitedAccountHint: React.FC<{ accountId: string }> = ({
|
|
accountId,
|
|
}) => {
|
|
const dispatch = useAppDispatch();
|
|
const reveal = useCallback(() => {
|
|
dispatch(revealAccount({ id: accountId }));
|
|
}, [dispatch, accountId]);
|
|
|
|
return (
|
|
<div className='limited-account-hint'>
|
|
<p>
|
|
<FormattedMessage
|
|
id='limited_account_hint.title'
|
|
defaultMessage='This profile or server has been hidden by the moderators of {domain}.'
|
|
values={{ domain }}
|
|
/>
|
|
</p>
|
|
<Button onClick={reveal}>
|
|
<FormattedMessage
|
|
id='limited_account_hint.action'
|
|
defaultMessage='Show profile anyway'
|
|
/>
|
|
</Button>
|
|
</div>
|
|
);
|
|
};
|