54 lines
1.5 KiB
TypeScript
54 lines
1.5 KiB
TypeScript
// Copyright 2017-2020 @polkadot/app-staking authors & contributors
|
|
// This software may be modified and distributed under the terms
|
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
|
|
|
import React, { useState } from 'react';
|
|
import { InputAddress, Modal, TxButton } from '@polkadot/react-components';
|
|
|
|
import { useTranslation } from '../../translate';
|
|
|
|
interface Props {
|
|
address: string;
|
|
className?: string;
|
|
onClose: () => void;
|
|
}
|
|
|
|
function RecoverAccount ({ address, className, onClose }: Props): React.ReactElement {
|
|
const { t } = useTranslation();
|
|
const [recover, setRecover] = useState<string | null>(null);
|
|
|
|
return (
|
|
<Modal
|
|
className={className}
|
|
header={t('Initiate account recovery')}
|
|
>
|
|
<Modal.Content>
|
|
<InputAddress
|
|
isDisabled
|
|
label={t('the account to recover to')}
|
|
value={address}
|
|
/>
|
|
<InputAddress
|
|
help={t('Select the account you wish to recover into this account.')}
|
|
label={t('recover this account')}
|
|
onChange={setRecover}
|
|
type='allPlus'
|
|
/>
|
|
</Modal.Content>
|
|
<Modal.Actions onCancel={onClose}>
|
|
<TxButton
|
|
accountId={address}
|
|
icon='recycle'
|
|
isDisabled={!recover || recover === address}
|
|
label={t('Start recovery')}
|
|
onStart={onClose}
|
|
params={[recover]}
|
|
tx='recovery.initiateRecovery'
|
|
/>
|
|
</Modal.Actions>
|
|
</Modal>
|
|
);
|
|
}
|
|
|
|
export default React.memo(RecoverAccount);
|