diff options
author | PhyrexTsai <x01ep23i@hotmail.com> | 2018-07-04 09:06:10 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-07-04 09:06:10 +0800 |
commit | f38dc03b27a457733315cbb16d59d0ea339505da (patch) | |
tree | 77cfdf13c0e83c8e6d87099bfedddc3d58667de1 /ui/app/components/send_/send-content/send-to-row/send-to-row.component.js | |
parent | 11736e6318182ab5b43430410a46059e5f46ad52 (diff) | |
parent | 13b03ec090df70512d43e0d6acbe6bf60040a892 (diff) | |
download | tangerine-wallet-browser-f38dc03b27a457733315cbb16d59d0ea339505da.tar.gz tangerine-wallet-browser-f38dc03b27a457733315cbb16d59d0ea339505da.tar.zst tangerine-wallet-browser-f38dc03b27a457733315cbb16d59d0ea339505da.zip |
Merge pull request #4 from brunobar79/portal-metamask-lint-fix
Lint fix for Integration ENS with IPFS
Diffstat (limited to 'ui/app/components/send_/send-content/send-to-row/send-to-row.component.js')
-rw-r--r-- | ui/app/components/send_/send-content/send-to-row/send-to-row.component.js | 70 |
1 files changed, 70 insertions, 0 deletions
diff --git a/ui/app/components/send_/send-content/send-to-row/send-to-row.component.js b/ui/app/components/send_/send-content/send-to-row/send-to-row.component.js new file mode 100644 index 000000000..1c2ecdf9c --- /dev/null +++ b/ui/app/components/send_/send-content/send-to-row/send-to-row.component.js @@ -0,0 +1,70 @@ +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 = '', toError) { + const { updateSendTo, updateSendToError, updateGas } = this.props + const toErrorObject = getToErrorObject(to, toError) + 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={({ toAddress, nickname, toError }) => this.handleToChange(toAddress, nickname, toError)} + openDropdown={() => openToDropdown()} + placeholder={this.context.t('recipientAddress')} + to={to} + /> + </SendRowWrapper> + ) + } + +} + +SendToRow.contextTypes = { + t: PropTypes.func, +} + |