m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Fix click to copy for private key not working (#2360)

Browse Source
This commit is contained in:
Alexander Tseung 2017-10-13 16:23:10 -04:00 committed by Daniel Tsui
parent 803eaaf968
commit 222a203353
3 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/app/components/modals/export-private-key-modal.js
View File

@ -7,6 +7,7 @@ const actions = require('../../actions')
const AccountModalContainer = require('./account-modal-container')
const { getSelectedIdentity } = require('../../selectors')
const ReadOnlyInput = require('../readonly-input')
const copyToClipboard = require('copy-to-clipboard')
function mapStateToProps (state) {
return {
@ -61,11 +62,12 @@ ExportPrivateKeyModal.prototype.renderPasswordInput = function (privateKey) {
inputClass: 'private-key-password-display-textarea',
textarea: true,
value: plainKey,
onClick: () => copyToClipboard(plainKey),
})
: h('input.private-key-password-input', {
type: 'password',
placeholder: 'Type password',
onChange: event => this.setState({ password: event.target.value })
onChange: event => this.setState({ password: event.target.value }),
})
}
@ -115,7 +117,7 @@ ExportPrivateKeyModal.prototype.render = function () {
}),
h('div.account-modal-divider'),
h('span.modal-body-title', 'Download Private Keys'),
h('div.private-key-password', {}, [
@ -132,6 +134,6 @@ ExportPrivateKeyModal.prototype.render = function () {
),
this.renderButtons(privateKey, this.state.password, address, hideModal),
])
}

2
ui/app/components/readonly-input.js
View File

@ -15,6 +15,7 @@ ReadOnlyInput.prototype.render = function () {
inputClass = '',
value,
textarea,
onClick,
} = this.props
const inputType = textarea ? 'textarea' : 'input'
@ -25,6 +26,7 @@ ReadOnlyInput.prototype.render = function () {
value,
readOnly: true,
onFocus: event => event.target.select(),
onClick,
}),
])
}

8
ui/app/css/itcss/components/modal.scss
View File

@ -356,18 +356,18 @@
.private-key-password-display-wrapper {
height: 80px;
width: 291px;
border: 1px solid $silver;
border: 1px solid $silver;
border-radius: 2px;
}
.private-key-password-display-textarea {
color: $crimson;
font-family: Roboto;
font-size: 16px;
font-family: Roboto;
font-size: 16px;
line-height: 21px;
border: none;
height: 75px;
width: 253px;
width: 100%;
overflow: hidden;
resize: none;
padding: 9px 13px 8px;