1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
|
const Component = require('react').Component
const h = require('react-hyperscript')
const inherits = require('util').inherits
const Identicon = require('../identicon')
module.exports = ToAutoComplete
inherits(ToAutoComplete, Component)
function ToAutoComplete () {
Component.call(this)
}
ToAutoComplete.prototype.render = function () {
const { to, accounts, onChange, inError } = this.props
return h('div.send-v2__to-autocomplete', [
h('input.send-v2__to-autocomplete__input', {
name: 'address',
list: 'addresses',
placeholder: 'Recipient Address',
className: inError ? `send-v2__error-border` : '',
value: to,
onChange,
onFocus: event => {
to && event.target.select()
},
style: {
borderColor: inError ? 'red' : null,
}
}),
h('datalist#addresses', [
// Corresponds to the addresses owned.
...Object.entries(accounts).map(([key, { address, name }]) => {
return h('option', {
value: address,
label: name,
key: address,
})
}),
// Corresponds to previously sent-to addresses.
// ...addressBook.map(({ address, name }) => {
// return h('option', {
// value: address,
// label: name,
// key: address,
// })
// }),
]),
])
}
|
