d33d25121b
Port 945ac23910dff9e7d901f5faa6ee55292812f032 to glitch-soc Signed-off-by: Claire <claire.github-309c@sitedethib.com>
50 lines
1.5 KiB
TypeScript
50 lines
1.5 KiB
TypeScript
import { FormattedMessage } from 'react-intl';
|
|
|
|
import { useAppSelector } from 'flavours/glitch/store';
|
|
|
|
import { AvatarOverlay } from '../avatar_overlay';
|
|
import { DisplayName } from '../display_name';
|
|
import { Permalink } from '../permalink';
|
|
|
|
export const MovedNote: React.FC<{
|
|
accountId: string;
|
|
targetAccountId: string;
|
|
}> = ({ accountId, targetAccountId }) => {
|
|
const from = useAppSelector((state) => state.accounts.get(accountId));
|
|
const to = useAppSelector((state) => state.accounts.get(targetAccountId));
|
|
|
|
return (
|
|
<div className='moved-account-banner'>
|
|
<div className='moved-account-banner__message'>
|
|
<FormattedMessage
|
|
id='account.moved_to'
|
|
defaultMessage='{name} has indicated that their new account is now:'
|
|
values={{
|
|
name: <DisplayName account={from} variant='simple' />,
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div className='moved-account-banner__action'>
|
|
<Permalink
|
|
to={`/@${to?.acct}`}
|
|
href={to?.url}
|
|
className='detailed-status__display-name'
|
|
>
|
|
<div className='detailed-status__display-avatar'>
|
|
<AvatarOverlay account={to} friend={from} />
|
|
</div>
|
|
<DisplayName account={to} />
|
|
</Permalink>
|
|
|
|
<Permalink to={`/@${to?.acct}`} href={to?.url} className='button'>
|
|
<FormattedMessage
|
|
id='account.go_to_profile'
|
|
defaultMessage='Go to profile'
|
|
/>
|
|
</Permalink>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|