1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/pages/create-account/import-account/index.js
2021-04-28 14:53:59 -05:00

77 lines
2.1 KiB
JavaScript

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import Dropdown from '../../../components/ui/dropdown';
// Subviews
import JsonImportView from './json';
import PrivateKeyImportView from './private-key';
export default class AccountImportSubview extends Component {
static contextTypes = {
t: PropTypes.func,
};
state = {};
getMenuItemTexts() {
return [this.context.t('privateKey'), this.context.t('jsonFile')];
}
renderImportView() {
const { type } = this.state;
const menuItems = this.getMenuItemTexts();
const current = type || menuItems[0];
switch (current) {
case this.context.t('privateKey'):
return <PrivateKeyImportView />;
case this.context.t('jsonFile'):
return <JsonImportView />;
default:
return <JsonImportView />;
}
}
render() {
const menuItems = this.getMenuItemTexts();
const { type } = this.state;
return (
<div className="new-account-import-form">
<div className="new-account-import-disclaimer">
<span>{this.context.t('importAccountMsg')}</span>
<span
style={{
cursor: 'pointer',
textDecoration: 'underline',
}}
onClick={() => {
global.platform.openTab({
url:
'https://metamask.zendesk.com/hc/en-us/articles/360015289932',
});
}}
>
{this.context.t('here')}
</span>
</div>
<div className="new-account-import-form__select-section">
<div className="new-account-import-form__select-label">
{this.context.t('selectType')}
</div>
<Dropdown
className="new-account-import-form__select"
options={menuItems.map((text) => ({ value: text }))}
selectedOption={type || menuItems[0]}
onChange={(value) => {
this.setState({ type: value });
}}
/>
</div>
{this.renderImportView()}
</div>
);
}
}