aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/accounts
diff options
context:
space:
mode:
Diffstat (limited to 'ui/app/accounts')
-rw-r--r--ui/app/accounts/import/index.js96
-rw-r--r--ui/app/accounts/import/json.js137
-rw-r--r--ui/app/accounts/import/private-key.js88
-rw-r--r--ui/app/accounts/import/seed.js35
-rw-r--r--ui/app/accounts/new-account/create-form.js105
5 files changed, 0 insertions, 461 deletions
diff --git a/ui/app/accounts/import/index.js b/ui/app/accounts/import/index.js
deleted file mode 100644
index 52d3dcde9..000000000
--- a/ui/app/accounts/import/index.js
+++ /dev/null
@@ -1,96 +0,0 @@
-const inherits = require('util').inherits
-const Component = require('react').Component
-const h = require('react-hyperscript')
-const PropTypes = require('prop-types')
-const connect = require('react-redux').connect
-import Select from 'react-select'
-
-// Subviews
-const JsonImportView = require('./json.js')
-const PrivateKeyImportView = require('./private-key.js')
-
-
-AccountImportSubview.contextTypes = {
- t: PropTypes.func,
-}
-
-module.exports = connect()(AccountImportSubview)
-
-
-inherits(AccountImportSubview, Component)
-function AccountImportSubview () {
- Component.call(this)
-}
-
-AccountImportSubview.prototype.getMenuItemTexts = function () {
- return [
- this.context.t('privateKey'),
- this.context.t('jsonFile'),
- ]
-}
-
-AccountImportSubview.prototype.render = function () {
- const state = this.state || {}
- const menuItems = this.getMenuItemTexts()
- const { type } = state
-
- return (
- h('div.new-account-import-form', [
-
- h('.new-account-import-disclaimer', [
- h('span', this.context.t('importAccountMsg')),
- h('span', {
- style: {
- cursor: 'pointer',
- textDecoration: 'underline',
- },
- onClick: () => {
- global.platform.openWindow({
- url: 'https://metamask.helpscoutdocs.com/article/17-what-are-loose-accounts',
- })
- },
- }, this.context.t('here')),
- ]),
-
- h('div.new-account-import-form__select-section', [
-
- h('div.new-account-import-form__select-label', this.context.t('selectType')),
-
- h(Select, {
- className: 'new-account-import-form__select',
- name: 'import-type-select',
- clearable: false,
- value: type || menuItems[0],
- options: menuItems.map((type) => {
- return {
- value: type,
- label: type,
- }
- }),
- onChange: (opt) => {
- this.setState({ type: opt.value })
- },
- }),
-
- ]),
-
- this.renderImportView(),
- ])
- )
-}
-
-AccountImportSubview.prototype.renderImportView = function () {
- const state = this.state || {}
- const { type } = state
- const menuItems = this.getMenuItemTexts()
- const current = type || menuItems[0]
-
- switch (current) {
- case this.context.t('privateKey'):
- return h(PrivateKeyImportView)
- case this.context.t('jsonFile'):
- return h(JsonImportView)
- default:
- return h(JsonImportView)
- }
-}
diff --git a/ui/app/accounts/import/json.js b/ui/app/accounts/import/json.js
deleted file mode 100644
index e53c1c9ca..000000000
--- a/ui/app/accounts/import/json.js
+++ /dev/null
@@ -1,137 +0,0 @@
-const Component = require('react').Component
-const PropTypes = require('prop-types')
-const h = require('react-hyperscript')
-const connect = require('react-redux').connect
-const actions = require('../../actions')
-const FileInput = require('react-simple-file-input').default
-
-
-const HELP_LINK = 'https://support.metamask.io/kb/article/7-importing-accounts'
-
-class JsonImportSubview extends Component {
- constructor (props) {
- super(props)
-
- this.state = {
- file: null,
- fileContents: '',
- }
- }
-
- render () {
- const { error } = this.props
-
- return (
- h('div.new-account-import-form__json', [
-
- h('p', this.context.t('usedByClients')),
- h('a.warning', {
- href: HELP_LINK,
- target: '_blank',
- }, this.context.t('fileImportFail')),
-
- h(FileInput, {
- readAs: 'text',
- onLoad: this.onLoad.bind(this),
- style: {
- margin: '20px 0px 12px 34%',
- fontSize: '15px',
- display: 'flex',
- justifyContent: 'center',
- },
- }),
-
- h('input.new-account-import-form__input-password', {
- type: 'password',
- placeholder: this.context.t('enterPassword'),
- id: 'json-password-box',
- onKeyPress: this.createKeyringOnEnter.bind(this),
- }),
-
- h('div.new-account-create-form__buttons', {}, [
-
- h('button.btn-secondary.new-account-create-form__button', {
- onClick: () => this.props.goHome(),
- }, [
- this.context.t('cancel'),
- ]),
-
- h('button.btn-primary.new-account-create-form__button', {
- onClick: () => this.createNewKeychain(),
- }, [
- this.context.t('import'),
- ]),
-
- ]),
-
- error ? h('span.error', error) : null,
- ])
- )
- }
-
- onLoad (event, file) {
- this.setState({file: file, fileContents: event.target.result})
- }
-
- createKeyringOnEnter (event) {
- if (event.key === 'Enter') {
- event.preventDefault()
- this.createNewKeychain()
- }
- }
-
- createNewKeychain () {
- const state = this.state
-
- if (!state) {
- const message = this.context.t('validFileImport')
- return this.props.displayWarning(message)
- }
-
- const { fileContents } = state
-
- if (!fileContents) {
- const message = this.context.t('needImportFile')
- return this.props.displayWarning(message)
- }
-
- const passwordInput = document.getElementById('json-password-box')
- const password = passwordInput.value
-
- if (!password) {
- const message = this.context.t('needImportPassword')
- return this.props.displayWarning(message)
- }
-
- this.props.importNewJsonAccount([ fileContents, password ])
- }
-}
-
-JsonImportSubview.propTypes = {
- error: PropTypes.string,
- goHome: PropTypes.func,
- displayWarning: PropTypes.func,
- importNewJsonAccount: PropTypes.func,
- t: PropTypes.func,
-}
-
-const mapStateToProps = state => {
- return {
- error: state.appState.warning,
- }
-}
-
-const mapDispatchToProps = dispatch => {
- return {
- goHome: () => dispatch(actions.goHome()),
- displayWarning: warning => dispatch(actions.displayWarning(warning)),
- importNewJsonAccount: options => dispatch(actions.importNewAccount('JSON File', options)),
- }
-}
-
-JsonImportSubview.contextTypes = {
- t: PropTypes.func,
-}
-
-module.exports = connect(mapStateToProps, mapDispatchToProps)(JsonImportSubview)
-
diff --git a/ui/app/accounts/import/private-key.js b/ui/app/accounts/import/private-key.js
deleted file mode 100644
index 0d2898cda..000000000
--- a/ui/app/accounts/import/private-key.js
+++ /dev/null
@@ -1,88 +0,0 @@
-const inherits = require('util').inherits
-const Component = require('react').Component
-const h = require('react-hyperscript')
-const PropTypes = require('prop-types')
-const connect = require('react-redux').connect
-const actions = require('../../actions')
-
-PrivateKeyImportView.contextTypes = {
- t: PropTypes.func,
-}
-
-module.exports = connect(mapStateToProps, mapDispatchToProps)(PrivateKeyImportView)
-
-
-function mapStateToProps (state) {
- return {
- error: state.appState.warning,
- }
-}
-
-function mapDispatchToProps (dispatch) {
- return {
- goHome: () => dispatch(actions.goHome()),
- importNewAccount: (strategy, [ privateKey ]) => {
- dispatch(actions.importNewAccount(strategy, [ privateKey ]))
- },
- displayWarning: () => dispatch(actions.displayWarning(null)),
- }
-}
-
-inherits(PrivateKeyImportView, Component)
-function PrivateKeyImportView () {
- this.createKeyringOnEnter = this.createKeyringOnEnter.bind(this)
- Component.call(this)
-}
-
-PrivateKeyImportView.prototype.render = function () {
- const { error, goHome } = this.props
-
- return (
- h('div.new-account-import-form__private-key', [
-
- h('span.new-account-create-form__instruction', this.context.t('pastePrivateKey')),
-
- h('div.new-account-import-form__private-key-password-container', [
-
- h('input.new-account-import-form__input-password', {
- type: 'password',
- id: 'private-key-box',
- onKeyPress: e => this.createKeyringOnEnter(e),
- }),
-
- ]),
-
- h('div.new-account-import-form__buttons', {}, [
-
- h('button.btn-secondary--lg.new-account-create-form__button', {
- onClick: () => goHome(),
- }, [
- this.context.t('cancel'),
- ]),
-
- h('button.btn-primary--lg.new-account-create-form__button', {
- onClick: () => this.createNewKeychain(),
- }, [
- this.context.t('import'),
- ]),
-
- ]),
-
- error ? h('span.error', error) : null,
- ])
- )
-}
-
-PrivateKeyImportView.prototype.createKeyringOnEnter = function (event) {
- if (event.key === 'Enter') {
- event.preventDefault()
- this.createNewKeychain()
- }
-}
-
-PrivateKeyImportView.prototype.createNewKeychain = function () {
- const input = document.getElementById('private-key-box')
- const privateKey = input.value
-
- this.props.importNewAccount('Private Key', [ privateKey ])
-}
diff --git a/ui/app/accounts/import/seed.js b/ui/app/accounts/import/seed.js
deleted file mode 100644
index d98909baa..000000000
--- a/ui/app/accounts/import/seed.js
+++ /dev/null
@@ -1,35 +0,0 @@
-const inherits = require('util').inherits
-const Component = require('react').Component
-const h = require('react-hyperscript')
-const PropTypes = require('prop-types')
-const connect = require('react-redux').connect
-
-SeedImportSubview.contextTypes = {
- t: PropTypes.func,
-}
-
-module.exports = connect(mapStateToProps)(SeedImportSubview)
-
-
-function mapStateToProps (state) {
- return {}
-}
-
-inherits(SeedImportSubview, Component)
-function SeedImportSubview () {
- Component.call(this)
-}
-
-SeedImportSubview.prototype.render = function () {
- return (
- h('div', {
- style: {
- },
- }, [
- this.context.t('pasteSeed'),
- h('textarea'),
- h('br'),
- h('button', this.context.t('submit')),
- ])
- )
-}
diff --git a/ui/app/accounts/new-account/create-form.js b/ui/app/accounts/new-account/create-form.js
deleted file mode 100644
index 48c74192a..000000000
--- a/ui/app/accounts/new-account/create-form.js
+++ /dev/null
@@ -1,105 +0,0 @@
-const { Component } = require('react')
-const PropTypes = require('prop-types')
-const h = require('react-hyperscript')
-const connect = require('react-redux').connect
-const actions = require('../../actions')
-
-class NewAccountCreateForm extends Component {
- constructor (props, context) {
- super(props)
-
- const { numberOfExistingAccounts = 0 } = props
- const newAccountNumber = numberOfExistingAccounts + 1
-
- this.state = {
- newAccountName: '',
- defaultAccountName: context.t('newAccountNumberName', [newAccountNumber]),
- }
- }
-
- render () {
- const { newAccountName, defaultAccountName } = this.state
-
-
- return h('div.new-account-create-form', [
-
- h('div.new-account-create-form__input-label', {}, [
- this.context.t('accountName'),
- ]),
-
- h('div.new-account-create-form__input-wrapper', {}, [
- h('input.new-account-create-form__input', {
- value: newAccountName,
- placeholder: defaultAccountName,
- onChange: event => this.setState({ newAccountName: event.target.value }),
- }, []),
- ]),
-
- h('div.new-account-create-form__buttons', {}, [
-
- h('button.btn-secondary--lg.new-account-create-form__button', {
- onClick: () => this.props.goHome(),
- }, [
- this.context.t('cancel'),
- ]),
-
- h('button.btn-primary--lg.new-account-create-form__button', {
- onClick: () => this.props.createAccount(newAccountName || defaultAccountName),
- }, [
- this.context.t('create'),
- ]),
-
- ]),
-
- ])
- }
-}
-
-NewAccountCreateForm.propTypes = {
- hideModal: PropTypes.func,
- showImportPage: PropTypes.func,
- createAccount: PropTypes.func,
- goHome: PropTypes.func,
- numberOfExistingAccounts: PropTypes.number,
- t: PropTypes.func,
-}
-
-const mapStateToProps = state => {
- const { metamask: { network, selectedAddress, identities = {} } } = state
- const numberOfExistingAccounts = Object.keys(identities).length
-
- return {
- network,
- address: selectedAddress,
- numberOfExistingAccounts,
- }
-}
-
-const mapDispatchToProps = dispatch => {
- return {
- toCoinbase: (address) => {
- dispatch(actions.buyEth({ network: '1', address, amount: 0 }))
- },
- hideModal: () => {
- dispatch(actions.hideModal())
- },
- createAccount: (newAccountName) => {
- dispatch(actions.addNewAccount())
- .then((newAccountAddress) => {
- if (newAccountName) {
- dispatch(actions.saveAccountLabel(newAccountAddress, newAccountName))
- }
- dispatch(actions.goHome())
- })
- },
- showImportPage: () => dispatch(actions.showImportPage()),
- goHome: () => dispatch(actions.goHome()),
- }
-}
-
-NewAccountCreateForm.contextTypes = {
- t: PropTypes.func,
-}
-
-module.exports = connect(mapStateToProps, mapDispatchToProps)(NewAccountCreateForm)
-