mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-05 15:35:46 +01:00
a8c1756816
* 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>
139 lines
4.3 KiB
JavaScript
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);
|