metamask-extension/ui/app/components/send_/send-content/send-from-row/from-dropdown/from-dropdown.component.js

import React, { Component } from 'react'
import PropTypes from 'prop-types'
import AccountListItem from '../../../account-list-item/account-list-item.container'
import SendDropdownList from '../../send-dropdown-list/send-dropdown-list.component'

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,
}