mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-10-25 04:40:18 +02:00
cb2698d20e
* Action select step of onboarding flow added. * Update navigation on create and import password screens. * Adds terms of service checkbox to create and import account screens. * Add security warning to jazzicon intro step * Update and streamline unique image to confirm seed steps of first time flow. * UI touch ups to welcome screen. * UI touch up on select action page * Fix first time import flow. * Add end of flow screen to first time flow * Replace unique image screen with updated fishing warning screen. * Update e2e tests for onboarding flow changes. * Add required translations to onboarding flow. * Update design of select action screen to emphasize create new wallet option. * Clean up onboarding flow code. * Remove notice related code from first-time-flow directory. * Use updater function argument in new-account.component
53 lines
1.3 KiB
JavaScript
53 lines
1.3 KiB
JavaScript
import React, { PureComponent } from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import Button from '../../../../button'
|
|
import { INITIALIZE_SEED_PHRASE_ROUTE, INITIALIZE_END_OF_FLOW_ROUTE } from '../../../../../routes'
|
|
|
|
export default class UniqueImageScreen extends PureComponent {
|
|
static contextTypes = {
|
|
t: PropTypes.func,
|
|
}
|
|
|
|
static propTypes = {
|
|
history: PropTypes.object,
|
|
isImportedKeyring: PropTypes.bool,
|
|
}
|
|
|
|
render () {
|
|
const { t } = this.context
|
|
const { history, isImportedKeyring } = this.props
|
|
|
|
return (
|
|
<div>
|
|
<img
|
|
src="/images/sleuth.svg"
|
|
height={42}
|
|
width={42}
|
|
/>
|
|
<div className="first-time-flow__header">
|
|
{ t('protectYourKeys') }
|
|
</div>
|
|
<div className="first-time-flow__text-block">
|
|
{ t('protectYourKeysMessage1') }
|
|
</div>
|
|
<div className="first-time-flow__text-block">
|
|
{ t('protectYourKeysMessage2') }
|
|
</div>
|
|
<Button
|
|
type="confirm"
|
|
className="first-time-flow__button"
|
|
onClick={() => {
|
|
if (isImportedKeyring) {
|
|
history.push(INITIALIZE_END_OF_FLOW_ROUTE)
|
|
} else {
|
|
history.push(INITIALIZE_SEED_PHRASE_ROUTE)
|
|
}
|
|
}}
|
|
>
|
|
{ t('next') }
|
|
</Button>
|
|
</div>
|
|
)
|
|
}
|
|
}
|