X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=cmd%2Fweb%2Fjs%2Fbalance.jsx;h=6217e96236435fdccd0e04a4fe89adcf52b6e0b5;hb=2e4885d98ec49203180deb7e4e9148762e4720e7;hp=d141aa8447d291a7eee7bd131ab3c54286b82238;hpb=24e4797900b3d2edf642fdb547bc22357a5b39ad;p=perso%2FImmae%2FProjets%2FCryptomonnaies%2FCryptoportfolio%2FFront.git

diff --git a/cmd/web/js/balance.jsx b/cmd/web/js/balance.jsx
index d141aa8..6217e96 100644
--- a/cmd/web/js/balance.jsx
+++ b/cmd/web/js/balance.jsx
@@ -1,14 +1,13 @@
 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>;
     }
  }
 
@@ -42,7 +41,7 @@ class CurrencyRate extends React.Component {
     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>
@@ -96,4 +95,16 @@ class PFBalance extends React.Component {
     }
 }
 
-export {PFBalance, Assets};
+class PFBalanceMinimal extends React.Component {
+    render = () => {
+        return <React.Fragment>
+            <div className="balance">
+              <div className="col-12">
+                <CurrencyLogo currency="BTC" /> <span><strong>{this.props.balance}</strong> <strong>{formatVariation(this.props.variationP)}</strong></span>
+              </div>
+            </div>
+        </React.Fragment>;
+    }
+}
+
+export {PFBalance, Assets, PFBalanceMinimal};