import React from 'react';
import moment from 'moment';
+import classnames from 'classnames';
class CurrencyLogo extends React.Component {
render = () => {
- return <div className="d-inline-block h-100">
- <img className="currency-logo align-top"
- src={'/public/icons/black/' + this.props.currency.toLowerCase() + '.svg' }
- title={this.props.currency}
- alt={this.props.currency} />
- </div>;
+ var className = classnames('cc', this.props.currency, 'currency-logo');
+ return <i className={className}
+ title={this.props.currency}
+ alt={this.props.currency}></i>;
}
}
render = () => {
return <React.Fragment>
<div className="row text-center">
- <div className="d-inline col-2 text-left"><CurrencyLogo currency={this.props.currency} /><span>{this.props.currency}</span></div>
+ <div className="d-inline col-2 text-left"><CurrencyLogo currency={this.props.currency} /> <span>{this.props.currency}</span></div>
<div className="d-inline col-2">{this.props.positionType}</div>
<div className="d-inline col-2">{this.props.quantity}</div>
<div className="d-inline col-2">{this.props.BTCValue}</div>