You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
1.7 KiB
70 lines
1.7 KiB
import React, { Component } from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import SendRowWrapper from '../send-row-wrapper/'
|
|
import EnsInput from '../../../ens-input'
|
|
import { getToErrorObject } from './send-to-row.utils.js'
|
|
|
|
export default class SendToRow extends Component {
|
|
|
|
static propTypes = {
|
|
closeToDropdown: PropTypes.func,
|
|
inError: PropTypes.bool,
|
|
network: PropTypes.string,
|
|
openToDropdown: PropTypes.func,
|
|
to: PropTypes.string,
|
|
toAccounts: PropTypes.array,
|
|
toDropdownOpen: PropTypes.bool,
|
|
updateGas: PropTypes.func,
|
|
updateSendTo: PropTypes.func,
|
|
updateSendToError: PropTypes.func,
|
|
};
|
|
|
|
handleToChange (to, nickname = '') {
|
|
const { updateSendTo, updateSendToError, updateGas } = this.props
|
|
const toErrorObject = getToErrorObject(to)
|
|
updateSendTo(to, nickname)
|
|
updateSendToError(toErrorObject)
|
|
if (toErrorObject.to === null) {
|
|
updateGas({ to })
|
|
}
|
|
}
|
|
|
|
render () {
|
|
const {
|
|
closeToDropdown,
|
|
inError,
|
|
network,
|
|
openToDropdown,
|
|
to,
|
|
toAccounts,
|
|
toDropdownOpen,
|
|
} = this.props
|
|
|
|
return (
|
|
<SendRowWrapper
|
|
errorType={'to'}
|
|
label={`${this.context.t('to')}`}
|
|
showError={inError}
|
|
>
|
|
<EnsInput
|
|
accounts={toAccounts}
|
|
closeDropdown={() => closeToDropdown()}
|
|
dropdownOpen={toDropdownOpen}
|
|
inError={inError}
|
|
name={'address'}
|
|
network={network}
|
|
onChange={(newTo, newNickname) => this.handleToChange(newTo, newNickname)}
|
|
openDropdown={() => openToDropdown()}
|
|
placeholder={this.context.t('recipientAddress')}
|
|
to={to}
|
|
/>
|
|
</SendRowWrapper>
|
|
)
|
|
}
|
|
|
|
}
|
|
|
|
SendToRow.contextTypes = {
|
|
t: PropTypes.func,
|
|
}
|
|
|
|
|