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

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

This commit is contained in:
kumavis 2018-05-21 17:29:03 -07:00
parent db08d8d43e
commit 5d8dd1df0e

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,9 +19,8 @@ function EnsInput () {
EnsInput.prototype.render = function () { EnsInput.prototype.render = function () {
const props = this.props const props = this.props
const opts = extend(props, {
list: 'addresses', function onInputChange() {
onChange: () => {
const network = this.props.network const network = this.props.network
const networkHasEnsSupport = getNetworkEnsSupport(network) const networkHasEnsSupport = getNetworkEnsSupport(network)
if (!networkHasEnsSupport) return if (!networkHasEnsSupport) return
@ -40,12 +38,18 @@ EnsInput.prototype.render = function () {
loadingEns: true, loadingEns: true,
}) })
this.checkName() this.checkName()
}, }
})
return h('div', { return (
h('div', {
style: { width: '100%' }, style: { width: '100%' },
}, [ }, [
h('input.large-input', opts), h('input.large-input', {
name: props.name,
placeholder: props.placeholder,
list: 'addresses',
onChange: onInputChange.bind(this),
}),
// The address book functionality. // The address book functionality.
h('datalist#addresses', h('datalist#addresses',
[ [
@ -69,6 +73,7 @@ EnsInput.prototype.render = function () {
]), ]),
this.ensIcon(), this.ensIcon(),
]) ])
)
} }
EnsInput.prototype.componentDidMount = function () { EnsInput.prototype.componentDidMount = function () {