diff options
author | Dan Finlay <flyswatter@users.noreply.github.com> | 2017-07-21 05:05:12 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-07-21 05:05:12 +0800 |
commit | 6553c9c64b82a9a26a973f05b5fe7f29a6371828 (patch) | |
tree | 8f2433bb8dd30e5eaba1fdec7271744323dea46d /ui/app/accounts/import/private-key.js | |
parent | 199587383b022a17d56adcb56d6a99ceba71fec7 (diff) | |
parent | 38dccab12e4140bb085f3ea17e642e55f54d68a1 (diff) | |
download | tangerine-wallet-browser-6553c9c64b82a9a26a973f05b5fe7f29a6371828.tar.gz tangerine-wallet-browser-6553c9c64b82a9a26a973f05b5fe7f29a6371828.tar.zst tangerine-wallet-browser-6553c9c64b82a9a26a973f05b5fe7f29a6371828.zip |
Merge pull request #1802 from MetaMask/RestructureNewUI
Restructure new ui branch folders
Diffstat (limited to 'ui/app/accounts/import/private-key.js')
-rw-r--r-- | ui/app/accounts/import/private-key.js | 67 |
1 files changed, 67 insertions, 0 deletions
diff --git a/ui/app/accounts/import/private-key.js b/ui/app/accounts/import/private-key.js new file mode 100644 index 000000000..68ccee58e --- /dev/null +++ b/ui/app/accounts/import/private-key.js @@ -0,0 +1,67 @@ +const inherits = require('util').inherits +const Component = require('react').Component +const h = require('react-hyperscript') +const connect = require('react-redux').connect +const actions = require('../../actions') + +module.exports = connect(mapStateToProps)(PrivateKeyImportView) + +function mapStateToProps (state) { + return { + error: state.appState.warning, + } +} + +inherits(PrivateKeyImportView, Component) +function PrivateKeyImportView () { + Component.call(this) +} + +PrivateKeyImportView.prototype.render = function () { + const { error } = this.props + + return ( + h('div', { + style: { + display: 'flex', + flexDirection: 'column', + alignItems: 'center', + padding: '5px 15px 0px 15px', + }, + }, [ + h('span', 'Paste your private key string here'), + + h('input.large-input.letter-spacey', { + type: 'password', + id: 'private-key-box', + onKeyPress: this.createKeyringOnEnter.bind(this), + style: { + width: 260, + marginTop: 12, + }, + }), + + h('button.primary', { + onClick: this.createNewKeychain.bind(this), + style: { + margin: 12, + }, + }, '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.dispatch(actions.importNewAccount('Private Key', [ privateKey ])) +} |