Merge pull request #1900 from bandprotocol/1853-shorten-marketcap

bandprotocol · Jun 8, 2020 · a7263b5 · a7263b5
2 parents 1bf9aa3 + b81e6b0
commit a7263b5
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -22,6 +22,7 @@
 
 ### Scan
 
+- (imprv) [\#1900](https://github.com/bandprotocol/bandchain/pull/1900) Shorten marketcap amount on landing page
 - (bug) [\#1861](https://github.com/bandprotocol/bandchain/pull/1861) Fix name, endpoint of guanyu-devnet on chain-id selection
 
 ### Bridges

diff --git a/scan/src/components/ChainInfoHighlights.re b/scan/src/components/ChainInfoHighlights.re
@@ -134,22 +134,21 @@ let make = (~latestBlockSub: Sub.t(BlockSub.t)) => {
         let%Sub (_, {financial}, _) = allSub;
         (
           {
-            let marketcap = "$" ++ financial.usdMarketCap->Format.fPretty;
             <Text
-              value=marketcap
+              value={financial.usdMarketCap |> Format.fCurrency}
               size=Text.Xxxl
               weight=Text.Semibold
               color=Colors.gray8
               code=true
             />;
           },
           {
-            let marketcap = financial.circulatingSupply;
+            let marketcap = financial.btcMarketCap;
             <div className={Styles.withWidth(170)}>
               <div className=Styles.vFlex>
                 <Text value={marketcap->Format.fPretty} code=true weight=Text.Thin />
                 <HSpacing size=Spacing.xs />
-                <Text value="BAND" color=Colors.gray7 weight=Text.Thin spacing={Text.Em(0.01)} />
+                <Text value="BTC" color=Colors.gray7 weight=Text.Thin spacing={Text.Em(0.01)} />
               </div>
             </div>;
           },

diff --git a/scan/src/utils/Format.re b/scan/src/utils/Format.re
@@ -34,6 +34,17 @@ let fPretty = (~digits=?, value) => {
   };
 };
 
+let fCurrency = value =>
+  if (value >= 1e9) {
+    "$" ++ (value /. 1e9 |> fPretty(~digits=2)) ++ "B";
+  } else if (value >= 1e6) {
+    "$" ++ (value /. 1e6 |> fPretty(~digits=2)) ++ "M";
+  } else if (value >= 1e3) {
+    "$" ++ (value /. 1e3 |> fPretty(~digits=2)) ++ "K";
+  } else {
+    "$" ++ (value |> fPretty(~digits=2));
+  };
+
 let fPercentChange = value =>
   (value > 0. ? "+" : "") ++ value->Js.Float.toFixedWithPrecision(~digits=2) ++ "%";