+ </div>);
+ }
+}
+
+class PoloniexBalance extends React.Component {
+
+ render = () => {
+ var balancePanel = null;
+ var assetsPanel = null;
+ var messagePanel = null;
+
+ if (this.props.variationP !== null) {
+ balancePanel =
+ <div className="row">
+ <div className="col-12 offset-md-1 col-md-10 align-self-center h-100 balances">
+ <PFBalance variationP={this.props.variationP} balance={this.props.balance} periodStart={this.props.periodStart}/>
+ </div>
+ </div>;
+
+ assetsPanel =
+ <Assets balances={this.props.balances} />;
+
+ } else {
+ messagePanel =
+ <div className="row">
+ <div className="col-12 text-center">
+ <span>{this.props.displayText}</span>
+ </div>
+ </div>;
+ }
+
+ return (
+ <React.Fragment>
+ <Panel title="Balance" component={balancePanel}/>
+ <Panel title="Assets" component={assetsPanel}/>
+ <Panel title="Balance" component={messagePanel}/>
+ </React.Fragment>
+ );