aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/send/send-content/send-from-row/send-from-row.component.js
diff options
context:
space:
mode:
authorWhymarrh Whitby <whymarrh.whitby@gmail.com>2018-07-17 00:05:05 +0800
committerGitHub <noreply@github.com>2018-07-17 00:05:05 +0800
commitdb4469794e3e843f3cb08222d0a9b568c7816a85 (patch)
tree58602319cc267170b1038102817528df668e516f /ui/app/components/send/send-content/send-from-row/send-from-row.component.js
parent117d43be1f9aa701a8a02570ebbc71ecf1b9da94 (diff)
parent5c3efe8bc47a9f8e7a7e0952589c1a2f42ec4eca (diff)
downloadtangerine-wallet-browser-db4469794e3e843f3cb08222d0a9b568c7816a85.tar
tangerine-wallet-browser-db4469794e3e843f3cb08222d0a9b568c7816a85.tar.gz
tangerine-wallet-browser-db4469794e3e843f3cb08222d0a9b568c7816a85.tar.bz2
tangerine-wallet-browser-db4469794e3e843f3cb08222d0a9b568c7816a85.tar.lz
tangerine-wallet-browser-db4469794e3e843f3cb08222d0a9b568c7816a85.tar.xz
tangerine-wallet-browser-db4469794e3e843f3cb08222d0a9b568c7816a85.tar.zst
tangerine-wallet-browser-db4469794e3e843f3cb08222d0a9b568c7816a85.zip
Merge pull request #4621 from MetaMask/one-send-directory
Remove 'send_/' directory; revert to just having send
Diffstat (limited to 'ui/app/components/send/send-content/send-from-row/send-from-row.component.js')
-rw-r--r--ui/app/components/send/send-content/send-from-row/send-from-row.component.js63
1 files changed, 63 insertions, 0 deletions
diff --git a/ui/app/components/send/send-content/send-from-row/send-from-row.component.js b/ui/app/components/send/send-content/send-from-row/send-from-row.component.js
new file mode 100644
index 000000000..3e0e0de22
--- /dev/null
+++ b/ui/app/components/send/send-content/send-from-row/send-from-row.component.js
@@ -0,0 +1,63 @@
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
+import SendRowWrapper from '../send-row-wrapper/'
+import FromDropdown from './from-dropdown/'
+
+export default class SendFromRow extends Component {
+
+ static propTypes = {
+ closeFromDropdown: PropTypes.func,
+ conversionRate: PropTypes.number,
+ from: PropTypes.object,
+ fromAccounts: PropTypes.array,
+ fromDropdownOpen: PropTypes.bool,
+ openFromDropdown: PropTypes.func,
+ tokenContract: PropTypes.object,
+ updateSendFrom: PropTypes.func,
+ setSendTokenBalance: PropTypes.func,
+ };
+
+ static contextTypes = {
+ t: PropTypes.func,
+ };
+
+ async handleFromChange (newFrom) {
+ const {
+ updateSendFrom,
+ tokenContract,
+ setSendTokenBalance,
+ } = this.props
+
+ if (tokenContract) {
+ const usersToken = await tokenContract.balanceOf(newFrom.address)
+ setSendTokenBalance(usersToken)
+ }
+ updateSendFrom(newFrom)
+ }
+
+ render () {
+ const {
+ closeFromDropdown,
+ conversionRate,
+ from,
+ fromAccounts,
+ fromDropdownOpen,
+ openFromDropdown,
+ } = this.props
+
+ return (
+ <SendRowWrapper label={`${this.context.t('from')}:`}>
+ <FromDropdown
+ accounts={fromAccounts}
+ closeDropdown={() => closeFromDropdown()}
+ conversionRate={conversionRate}
+ dropdownOpen={fromDropdownOpen}
+ onSelect={newFrom => this.handleFromChange(newFrom)}
+ openDropdown={() => openFromDropdown()}
+ selectedAccount={from}
+ />
+ </SendRowWrapper>
+ )
+ }
+
+}