You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
97 lines
3.2 KiB
97 lines
3.2 KiB
import React, { PureComponent } from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import Button from '../../../components/ui/button';
|
|
import MetaFoxLogo from '../../../components/ui/metafox-logo';
|
|
import { INITIALIZE_METAMETRICS_OPT_IN_ROUTE } from '../../../helpers/constants/routes';
|
|
import { isBeta } from '../../../helpers/utils/build-types';
|
|
|
|
export default class SelectAction extends PureComponent {
|
|
static propTypes = {
|
|
history: PropTypes.object,
|
|
isInitialized: PropTypes.bool,
|
|
setFirstTimeFlowType: PropTypes.func,
|
|
nextRoute: PropTypes.string,
|
|
};
|
|
|
|
static contextTypes = {
|
|
t: PropTypes.func,
|
|
};
|
|
|
|
componentDidMount() {
|
|
const { history, isInitialized, nextRoute } = this.props;
|
|
|
|
if (isInitialized) {
|
|
history.push(nextRoute);
|
|
}
|
|
}
|
|
|
|
handleCreate = () => {
|
|
this.props.setFirstTimeFlowType('create');
|
|
this.props.history.push(INITIALIZE_METAMETRICS_OPT_IN_ROUTE);
|
|
};
|
|
|
|
handleImport = () => {
|
|
this.props.setFirstTimeFlowType('import');
|
|
this.props.history.push(INITIALIZE_METAMETRICS_OPT_IN_ROUTE);
|
|
};
|
|
|
|
render() {
|
|
const { t } = this.context;
|
|
|
|
return (
|
|
<div className="select-action">
|
|
<MetaFoxLogo useDark={isBeta()} />
|
|
|
|
<div className="select-action__wrapper">
|
|
<div className="select-action__body">
|
|
<div className="select-action__body-header">
|
|
{t('newToMetaMask')}
|
|
</div>
|
|
<div className="select-action__select-buttons">
|
|
<div className="select-action__select-button">
|
|
<div className="select-action__button-content">
|
|
<div className="select-action__button-symbol">
|
|
<img src="./images/download-alt.svg" alt="" />
|
|
</div>
|
|
<div className="select-action__button-text-big">
|
|
{t('noAlreadyHaveSeed')}
|
|
</div>
|
|
<div className="select-action__button-text-small">
|
|
{t('importYourExisting')}
|
|
</div>
|
|
</div>
|
|
<Button
|
|
type="primary"
|
|
className="first-time-flow__button"
|
|
onClick={this.handleImport}
|
|
>
|
|
{t('importWallet')}
|
|
</Button>
|
|
</div>
|
|
<div className="select-action__select-button">
|
|
<div className="select-action__button-content">
|
|
<div className="select-action__button-symbol">
|
|
<img src="./images/thin-plus.svg" alt="" />
|
|
</div>
|
|
<div className="select-action__button-text-big">
|
|
{t('letsGoSetUp')}
|
|
</div>
|
|
<div className="select-action__button-text-small">
|
|
{t('thisWillCreate')}
|
|
</div>
|
|
</div>
|
|
<Button
|
|
type="primary"
|
|
className="first-time-flow__button"
|
|
onClick={this.handleCreate}
|
|
>
|
|
{t('createAWallet')}
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|