Newer
Older
// Copyright 2015-2018 Parity Technologies (UK) Ltd.
import { inject, observer } from 'mobx-react';
import { me$ } from '@parity/light.js';
import EthBalance from './EthBalance';
import light from '../hoc';
import TokenBalance from './TokenBalance';
@inject('tokensStore')
@observer
@light({
me: me$
})
class Tokens extends Component {
const {
me,
tokensStore: { tokens }
} = this.props;
if (!me) {
return null;
}
<div className='box -scroller'>
<ul className='list -tokens'>
{Array.from(tokens.keys()).map(key => (
<li key={key}>
{key === 'ETH' ? (
<EthBalance address={me} token={key} {...tokens.get(key)} />
) : (
<TokenBalance address={me} token={key} {...tokens.get(key)} />
)}
</li>
))}