import removeIcon from 'assets/images/icon-remove.svg'; import React from 'react'; import { TokenValue } from 'libs/units'; import { UnitDisplay } from 'components/ui'; import './TokenRow.scss'; interface Props { balance: TokenValue; symbol: string; custom?: boolean; decimal: number; onRemove(symbol: string): void; } interface State { showLongBalance: boolean; } export default class TokenRow extends React.Component { public state = { showLongBalance: false }; public render() { const { balance, symbol, custom, decimal } = this.props; const { showLongBalance } = this.state; return ( {!!custom && ( )} {symbol} ); } public toggleShowLongBalance = (e: React.SyntheticEvent) => { e.preventDefault(); this.setState(state => { return { showLongBalance: !state.showLongBalance }; }); }; public onRemove = () => { this.props.onRemove(this.props.symbol); }; }