1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-04 23:14:56 +01:00
metamask-extension/ui/pages/keychains/restore-vault.js
Erik Marks a8c1756816
Remove 3box feature and delete ThreeBoxController (#14571)
* Remove 3box feature and delete ThreeBoxController

Lint locale messages

lavamoat policy updates

* Restore 3Box user trait with value `false`

The 3Box user trait has been restored and hard-coded as `false`. This
ensures that users don't get stuck in our metrics as having this trait.

A deprecation comment has been left in various places for this trait.

* Remove unused state

* Remove additional 3box-related things

* Run `yarn-deduplicate`

* Restore migration that was lost while rebasing

* Remove obsolete override

* Remove additional unused resolutions/dependencies

* Update LavaMoat policies

* Remove obsolete security advisory ignore entries

* Remove 3Box fixture builder method

* Update unit tests

Co-authored-by: Mark Stacey <markjstacey@gmail.com>
2022-10-31 13:50:50 -02:30

139 lines
4.3 KiB
JavaScript

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import {
createNewVaultAndRestore,
unMarkPasswordForgotten,
} from '../../store/actions';
import { DEFAULT_ROUTE } from '../../helpers/constants/routes';
import CreateNewVault from '../../components/app/create-new-vault';
import Button from '../../components/ui/button';
import Box from '../../components/ui/box';
import Typography from '../../components/ui/typography';
import ZENDESK_URLS from '../../helpers/constants/zendesk-url';
import { TYPOGRAPHY, COLORS } from '../../helpers/constants/design-system';
import { EVENT } from '../../../shared/constants/metametrics';
class RestoreVaultPage extends Component {
static contextTypes = {
t: PropTypes.func,
trackEvent: PropTypes.func,
};
static propTypes = {
createNewVaultAndRestore: PropTypes.func.isRequired,
leaveImportSeedScreenState: PropTypes.func,
history: PropTypes.object,
isLoading: PropTypes.bool,
};
handleImport = async (password, seedPhrase) => {
const {
// eslint-disable-next-line no-shadow
createNewVaultAndRestore,
leaveImportSeedScreenState,
history,
} = this.props;
leaveImportSeedScreenState();
await createNewVaultAndRestore(password, seedPhrase);
this.context.trackEvent({
category: EVENT.CATEGORIES.RETENTION,
event: 'onboardingRestoredVault',
properties: {
action: 'userEntersSeedPhrase',
legacy_event: true,
},
});
history.push(DEFAULT_ROUTE);
};
render() {
const { t } = this.context;
const { isLoading } = this.props;
return (
<Box className="first-view-main-wrapper">
<Box className="first-view-main">
<Box className="import-account">
<a
className="import-account__back-button"
onClick={(e) => {
e.preventDefault();
this.props.leaveImportSeedScreenState();
this.props.history.goBack();
}}
href="#"
>
{`< ${t('back')}`}
</a>
<Typography variant={TYPOGRAPHY.H1} color={COLORS.TEXT_DEFAULT}>
{t('resetWallet')}
</Typography>
<Typography color={COLORS.TEXT_DEFAULT}>
{t('resetWalletSubHeader')}
</Typography>
<Typography
color={COLORS.TEXT_DEFAULT}
marginTop={4}
marginBottom={4}
>
{t('resetWalletUsingSRP', [
<Button
type="link"
target="_blank"
rel="noopener noreferrer"
href={ZENDESK_URLS.ADD_MISSING_ACCOUNTS}
key="import-account-secretphase"
className="import-account__link"
>
{t('reAddAccounts')}
</Button>,
<Button
type="link"
target="_blank"
rel="noopener noreferrer"
href={ZENDESK_URLS.IMPORT_ACCOUNTS}
key="import-account-reimport-accounts"
className="import-account__link"
>
{t('reAdded')}
</Button>,
<Button
type="link"
target="_blank"
rel="noopener noreferrer"
href={ZENDESK_URLS.ADD_CUSTOM_TOKENS}
key="import-account-readd-tokens"
className="import-account__link"
>
{t('reAdded')}
</Button>,
])}
</Typography>
<Typography color={COLORS.TEXT_DEFAULT} margin={0} marginBottom={4}>
{t('resetWalletWarning')}
</Typography>
<CreateNewVault
disabled={isLoading}
onSubmit={this.handleImport}
submitText={t('restore')}
/>
</Box>
</Box>
</Box>
);
}
}
export default connect(
({ appState: { isLoading } }) => ({ isLoading }),
(dispatch) => ({
leaveImportSeedScreenState: () => {
dispatch(unMarkPasswordForgotten());
},
createNewVaultAndRestore: (pw, seed) =>
dispatch(createNewVaultAndRestore(pw, seed)),
}),
)(RestoreVaultPage);