import PropTypes from 'prop-types'; import React, { Component } from 'react'; import getAccountLink from '../../../../lib/account-link'; import Button from '../../../components/ui/button'; import Checkbox from '../../../components/ui/check-box'; import Dropdown from '../../../components/ui/dropdown'; class AccountList extends Component { goToNextPage = () => { // If we have < 5 accounts, it's restricted by BIP-44 if (this.props.accounts.length === 5) { this.props.getPage(this.props.device, 1, this.props.selectedPath); } else { this.props.onAccountRestriction(); } }; goToPreviousPage = () => { this.props.getPage(this.props.device, -1, this.props.selectedPath); }; renderHdPathSelector() { const { onPathChange, selectedPath, hdPaths } = this.props; return (

{this.context.t('selectHdPath')}

{this.context.t('selectPathHelp')}

{ onPathChange(value); }} />
); } capitalizeDevice(device) { return device.slice(0, 1).toUpperCase() + device.slice(1); } renderHeader() { const { device } = this.props; return (

{`${this.context.t('unlock')} ${this.capitalizeDevice(device)}`}

{device.toLowerCase() === 'ledger' ? this.renderHdPathSelector() : null}

{this.context.t('selectAnAccount')}

{this.context.t('selectAnAccountHelp')}

); } renderAccounts() { const { accounts, connectedAccounts } = this.props; return (
{accounts.map((account, idx) => { const accountAlreadyConnected = connectedAccounts.includes( account.address.toLowerCase(), ); const value = account.index; const checked = this.props.selectedAccounts.includes(account.index) || accountAlreadyConnected; return (
{ this.props.onAccountChange(value); }} />
); })}
); } renderPagination() { return (
); } renderButtons() { const disabled = this.props.selectedAccounts.length === 0; const buttonProps = {}; if (disabled) { buttonProps.disabled = true; } return (
); } renderForgetDevice() { return (
{this.context.t('forgetDevice')}
); } render() { return (
{this.renderHeader()} {this.renderAccounts()} {this.renderPagination()} {this.renderButtons()} {this.renderForgetDevice()}
); } } AccountList.propTypes = { onPathChange: PropTypes.func.isRequired, selectedPath: PropTypes.string.isRequired, device: PropTypes.string.isRequired, accounts: PropTypes.array.isRequired, connectedAccounts: PropTypes.array.isRequired, onAccountChange: PropTypes.func.isRequired, onForgetDevice: PropTypes.func.isRequired, getPage: PropTypes.func.isRequired, chainId: PropTypes.string, rpcPrefs: PropTypes.object, selectedAccounts: PropTypes.array.isRequired, onUnlockAccounts: PropTypes.func, onCancel: PropTypes.func, onAccountRestriction: PropTypes.func, hdPaths: PropTypes.array.isRequired, }; AccountList.contextTypes = { t: PropTypes.func, }; export default AccountList;