Newer
Older
// Copyright 2015-2018 Parity Technologies (UK) Ltd.
// This file is part of Parity.
//
import React from 'react';
import PropTypes from 'prop-types';
import { Card } from '../Card';
import { Placeholder } from '../Placeholder';
balance,
children,
decimals,
showBalance,
token,
...otherProps
}) => (
<Card {...otherProps}>
<div className='token'>
<div className='token_icon'>
{token.logo ? (
<img alt={token.symbol} src={token.logo} />
) : (
<Placeholder height={20} width={20} />
)}
</div>
<div className='token_name'>
{token.name ? token.name : <Placeholder height={20} width={100} />}
</div>
<div className='token_balance'>
<span>{balance.toFixed(decimals)} </span>
<span className='token_symbol'>{token.symbol}</span>
</div>
</Card>
);
TokenCard.defaultProps = {
decimals: 2,
showBalance: true