diff options
author | Dan J Miller <danjm.com@gmail.com> | 2018-06-07 11:20:16 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-06-07 11:20:16 +0800 |
commit | 988283778a2be52640b27a359ef3fb1130e95711 (patch) | |
tree | f62576fb7e1a9088cef9bb1137745192bd571539 /ui/app/components/send_/send-content/send-from-row/from-dropdown/from-dropdown.component.js | |
parent | c86213bf118c0d9d0356a36e6ca0e9e884a82d73 (diff) | |
parent | a09d609360f5f916e75e98254fb82ce8f3f42d35 (diff) | |
download | tangerine-wallet-browser-988283778a2be52640b27a359ef3fb1130e95711.tar.gz tangerine-wallet-browser-988283778a2be52640b27a359ef3fb1130e95711.tar.zst tangerine-wallet-browser-988283778a2be52640b27a359ef3fb1130e95711.zip |
Merge pull request #4090 from MetaMask/i3725-refactor-send-component-
I3725 Refactor Send Component
Diffstat (limited to 'ui/app/components/send_/send-content/send-from-row/from-dropdown/from-dropdown.component.js')
-rw-r--r-- | ui/app/components/send_/send-content/send-from-row/from-dropdown/from-dropdown.component.js | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/ui/app/components/send_/send-content/send-from-row/from-dropdown/from-dropdown.component.js b/ui/app/components/send_/send-content/send-from-row/from-dropdown/from-dropdown.component.js new file mode 100644 index 000000000..418766cd9 --- /dev/null +++ b/ui/app/components/send_/send-content/send-from-row/from-dropdown/from-dropdown.component.js @@ -0,0 +1,46 @@ +import React, { Component } from 'react' +import PropTypes from 'prop-types' +import AccountListItem from '../../../account-list-item/' +import SendDropdownList from '../../send-dropdown-list/' + +export default class FromDropdown extends Component { + + static propTypes = { + accounts: PropTypes.array, + closeDropdown: PropTypes.func, + dropdownOpen: PropTypes.bool, + onSelect: PropTypes.func, + openDropdown: PropTypes.func, + selectedAccount: PropTypes.object, + }; + + render () { + const { + accounts, + closeDropdown, + dropdownOpen, + openDropdown, + selectedAccount, + onSelect, + } = this.props + + return <div className="send-v2__from-dropdown"> + <AccountListItem + account={selectedAccount} + handleClick={openDropdown} + icon={<i className={`fa fa-caret-down fa-lg`} style={ { color: '#dedede' } }/>} + /> + {dropdownOpen && <SendDropdownList + accounts={accounts} + closeDropdown={closeDropdown} + onSelect={onSelect} + activeAddress={selectedAccount.address} + />} + </div> + } + +} + +FromDropdown.contextTypes = { + t: PropTypes.func, +} |