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

old-ui - ens-input - fix params passed to input

Browse Source
This commit is contained in:
kumavis 2018-05-21 17:29:03 -07:00
parent db08d8d43e
commit 5d8dd1df0e
1 changed files with 52 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

99
old-ui/app/components/ens-input.js
View File

@ -1,7 +1,6 @@
const Component = require('react').Component const Component = require('react').Component
const h = require('react-hyperscript') const h = require('react-hyperscript')
const inherits = require('util').inherits const inherits = require('util').inherits
const extend = require('xtend')
const debounce = require('debounce') const debounce = require('debounce')
const copyToClipboard = require('copy-to-clipboard') const copyToClipboard = require('copy-to-clipboard')
const ENS = require('ethjs-ens') const ENS = require('ethjs-ens')
@ -20,55 +19,61 @@ function EnsInput () {
EnsInput.prototype.render = function () { EnsInput.prototype.render = function () {
const props = this.props const props = this.props
const opts = extend(props, {
list: 'addresses',
onChange: () => {
const network = this.props.network
const networkHasEnsSupport = getNetworkEnsSupport(network)
if (!networkHasEnsSupport) return
const recipient = document.querySelector('input[name="address"]').value function onInputChange() {
if (recipient.match(ensRE) === null) { const network = this.props.network
return this.setState({ const networkHasEnsSupport = getNetworkEnsSupport(network)
loadingEns: false, if (!networkHasEnsSupport) return
ensResolution: null,
ensFailure: null,
})
}
this.setState({ const recipient = document.querySelector('input[name="address"]').value
loadingEns: true, if (recipient.match(ensRE) === null) {
return this.setState({
loadingEns: false,
ensResolution: null,
ensFailure: null,
}) })
this.checkName() }
},
}) this.setState({
return h('div', { loadingEns: true,
style: { width: '100%' }, })
}, [ this.checkName()
h('input.large-input', opts), }
// The address book functionality.
h('datalist#addresses', return (
[ h('div', {
// Corresponds to the addresses owned. style: { width: '100%' },
Object.keys(props.identities).map((key) => { }, [
const identity = props.identities[key] h('input.large-input', {
return h('option', { name: props.name,
value: identity.address, placeholder: props.placeholder,
label: identity.name, list: 'addresses',
key: identity.address, onChange: onInputChange.bind(this),
}) }),
}), // The address book functionality.
// Corresponds to previously sent-to addresses. h('datalist#addresses',
props.addressBook.map((identity) => { [
return h('option', { // Corresponds to the addresses owned.
value: identity.address, Object.keys(props.identities).map((key) => {
label: identity.name, const identity = props.identities[key]
key: identity.address, return h('option', {
}) value: identity.address,
}), label: identity.name,
]), key: identity.address,
this.ensIcon(), })
]) }),
// Corresponds to previously sent-to addresses.
props.addressBook.map((identity) => {
return h('option', {
value: identity.address,
label: identity.name,
key: identity.address,
})
}),
]),
this.ensIcon(),
])
)
} }
EnsInput.prototype.componentDidMount = function () { EnsInput.prototype.componentDidMount = function () {