const Component = require('react').Component const h = require('react-hyperscript') const inherits = require('util').inherits const AccountListItem = require('../send/account-list-item/account-list-item.component').default module.exports = AccountDropdownMini inherits(AccountDropdownMini, Component) function AccountDropdownMini () { Component.call(this) } AccountDropdownMini.prototype.getListItemIcon = function (currentAccount, selectedAccount) { const listItemIcon = h(`i.fa.fa-check.fa-lg`, { style: { color: '#02c9b1' } }) return currentAccount.address === selectedAccount.address ? listItemIcon : null } AccountDropdownMini.prototype.renderDropdown = function () { const { accounts, selectedAccount, closeDropdown, onSelect, } = this.props return h('div', {}, [ h('div.account-dropdown-mini__close-area', { onClick: closeDropdown, }), h('div.account-dropdown-mini__list', {}, [ ...accounts.map(account => h(AccountListItem, { account, displayBalance: false, displayAddress: false, handleClick: () => { onSelect(account) closeDropdown() }, icon: this.getListItemIcon(account, selectedAccount), })), ]), ]) } AccountDropdownMini.prototype.render = function () { const { selectedAccount, openDropdown, dropdownOpen, } = this.props return h('div.account-dropdown-mini', {}, [ h(AccountListItem, { account: selectedAccount, handleClick: openDropdown, displayBalance: false, displayAddress: false, icon: h(`i.fa.fa-caret-down.fa-lg`, { style: { color: '#dedede' } }), }), dropdownOpen && this.renderDropdown(), ]) }