|
|
|
@ -13,9 +13,9 @@ import { findDeviceAccounts } from 'reducers/AccountsReducer';
|
|
|
|
|
import { FONT_SIZE, BORDER_WIDTH } from 'config/variables';
|
|
|
|
|
|
|
|
|
|
import type { Accounts } from 'flowtype';
|
|
|
|
|
import type { Props } from './index';
|
|
|
|
|
import type { Props } from '../../common';
|
|
|
|
|
|
|
|
|
|
import Row from '../Row';
|
|
|
|
|
import Row from '../../Row';
|
|
|
|
|
|
|
|
|
|
const RowAccountWrapper = styled.div`
|
|
|
|
|
height: 64px;
|
|
|
|
@ -45,22 +45,22 @@ const RowAccountWrapper = styled.div`
|
|
|
|
|
const RowAccount = ({
|
|
|
|
|
accountIndex, balance, url, isSelected = false,
|
|
|
|
|
}) => (
|
|
|
|
|
<NavLink to={url}>
|
|
|
|
|
<RowAccountWrapper
|
|
|
|
|
to={url}
|
|
|
|
|
isSelected={isSelected}
|
|
|
|
|
>
|
|
|
|
|
<Row column>
|
|
|
|
|
Account #{accountIndex + 1}
|
|
|
|
|
{balance ? (
|
|
|
|
|
<span>{balance}</span>
|
|
|
|
|
) : (
|
|
|
|
|
<span>Loading...</span>
|
|
|
|
|
)}
|
|
|
|
|
</Row>
|
|
|
|
|
</RowAccountWrapper>
|
|
|
|
|
</NavLink>
|
|
|
|
|
);
|
|
|
|
|
<NavLink to={url}>
|
|
|
|
|
<RowAccountWrapper
|
|
|
|
|
to={url}
|
|
|
|
|
isSelected={isSelected}
|
|
|
|
|
>
|
|
|
|
|
<Row column>
|
|
|
|
|
Account #{accountIndex + 1}
|
|
|
|
|
{balance ? (
|
|
|
|
|
<span>{balance}</span>
|
|
|
|
|
) : (
|
|
|
|
|
<span>Loading...</span>
|
|
|
|
|
)}
|
|
|
|
|
</Row>
|
|
|
|
|
</RowAccountWrapper>
|
|
|
|
|
</NavLink>
|
|
|
|
|
);
|
|
|
|
|
RowAccount.propTypes = {
|
|
|
|
|
accountIndex: PropTypes.number.isRequired,
|
|
|
|
|
url: PropTypes.string.isRequired,
|
|
|
|
|