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

ReadOnlyInput component.

This commit is contained in:
Dan 2017-09-19 22:46:51 -02:30 committed by Chi Kei Chan
parent fe37dd7ecd
commit 48867d95fe
3 changed files with 34 additions and 13 deletions

View File

@ -4,6 +4,7 @@ const qrCode = require('qrcode-npm').qrcode
const inherits = require('util').inherits
const connect = require('react-redux').connect
const isHexPrefixed = require('ethereumjs-util').isHexPrefixed
const ReadOnlyInput = require('./readonly-input')
module.exports = connect(mapStateToProps)(QrCodeView)
@ -46,18 +47,11 @@ QrCodeView.prototype.render = function () {
__html: qrImage.createTableTag(4),
},
}),
h('.div.ellip-address-wrapper', [
h('input.qr-ellip-address', {
style: {
width: '247px',
},
value: Qr.data,
readOnly: true,
}),
// h(CopyButton, {
// value: Qr.data,
// }),
]),
h(ReadOnlyInput, {
wrapperClass: 'ellip-address-wrapper',
inputClass: 'qr-ellip-address',
value: Qr.data,
}),
])
}

View File

@ -0,0 +1,27 @@
const Component = require('react').Component
const h = require('react-hyperscript')
const inherits = require('util').inherits
module.exports = ReadOnlyInput
inherits(ReadOnlyInput, Component)
function ReadOnlyInput () {
Component.call(this)
}
ReadOnlyInput.prototype.render = function () {
const {
wrapperClass,
inputClass,
value,
} = this.props
return h('div', {className: wrapperClass}, [
h('input', {
className: inputClass,
value,
readOnly: true,
}),
])
}

View File

@ -234,7 +234,7 @@
}
.account-modal-container .qr-ellip-address {
width: 254px;
width: 247px;
border: none;
font-family: 'Montserrat Light';
font-size: 14px;