mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-10-26 05:13:37 +02:00
fba17d77de
* Refactor and fix styling for first time flow. Remove seed phrase from persisted metamask state * Fix linting and tests * Fix translations, initialization notice routing * Fix drizzle tests * Fix e2e tests * Fix integration tests * Fix styling * Fix migration naming from 030 to 031 * Open extension in browser when user has not completed onboarding
62 lines
1.7 KiB
JavaScript
62 lines
1.7 KiB
JavaScript
import React, { PureComponent } from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import { Switch, Route } from 'react-router-dom'
|
|
import NewAccount from './new-account'
|
|
import ImportWithSeedPhrase from './import-with-seed-phrase'
|
|
import UniqueImage from './unique-image'
|
|
import {
|
|
INITIALIZE_CREATE_PASSWORD_ROUTE,
|
|
INITIALIZE_IMPORT_WITH_SEED_PHRASE_ROUTE,
|
|
INITIALIZE_UNIQUE_IMAGE_ROUTE,
|
|
INITIALIZE_NOTICE_ROUTE,
|
|
} from '../../../../routes'
|
|
|
|
export default class CreatePassword extends PureComponent {
|
|
static propTypes = {
|
|
history: PropTypes.object,
|
|
isInitialized: PropTypes.bool,
|
|
onCreateNewAccount: PropTypes.func,
|
|
onCreateNewAccountFromSeed: PropTypes.func,
|
|
}
|
|
|
|
componentDidMount () {
|
|
const { isInitialized, history } = this.props
|
|
|
|
if (isInitialized) {
|
|
history.push(INITIALIZE_NOTICE_ROUTE)
|
|
}
|
|
}
|
|
|
|
render () {
|
|
const { onCreateNewAccount, onCreateNewAccountFromSeed } = this.props
|
|
|
|
return (
|
|
<div className="first-time-flow__wrapper">
|
|
<Switch>
|
|
<Route exact path={INITIALIZE_UNIQUE_IMAGE_ROUTE} component={UniqueImage} />
|
|
<Route
|
|
exact
|
|
path={INITIALIZE_IMPORT_WITH_SEED_PHRASE_ROUTE}
|
|
render={props => (
|
|
<ImportWithSeedPhrase
|
|
{ ...props }
|
|
onSubmit={onCreateNewAccountFromSeed}
|
|
/>
|
|
)}
|
|
/>
|
|
<Route
|
|
exact
|
|
path={INITIALIZE_CREATE_PASSWORD_ROUTE}
|
|
render={props => (
|
|
<NewAccount
|
|
{ ...props }
|
|
onSubmit={onCreateNewAccount}
|
|
/>
|
|
)}
|
|
/>
|
|
</Switch>
|
|
</div>
|
|
)
|
|
}
|
|
}
|