Merge pull request #244 from leapdao/fix/222-simple-balance-crash

Fix #222 simple balance crash

Author: MaxStalker

public/index.html

@@ -20,6 +20,12 @@
       integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU"
       crossorigin="anonymous"
     />
+
+	  <link
+		  href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700&display=swap"
+		  rel="stylesheet"
+	  />
+
     <title>Plasma Burner</title>
     <meta name="description" content="Transfer PDAI quickly" />
     <meta

src/App.js

@@ -161,7 +161,7 @@ export default class App extends Component {
 
   // NOTE: This function is for _displaying_ a currency value to a user. It
   // adds a currency unit to the beginning or end of the number!
-  currencyDisplay(amount, toParts=false, convert=true) {
+  currencyDisplay(amount, convert=true) {
     const { account } = this.state;
     const locale = getStoredValue('i18nextLng');
     const symbol = getStoredValue('currency', account) || CONFIG.CURRENCY.DEFAULT_CURRENCY;
@@ -175,7 +175,8 @@ export default class App extends Component {
       currency: symbol,
       maximumFractionDigits: 2
     });
-    return toParts ? formatter.formatToParts(amount) : formatter.format(amount);
+
+    return formatter.format(amount);
   }
 
   /*

src/components/SimpleBalance.js

@@ -16,7 +16,8 @@ const StyledBalance = styled.div`
   }
 
   span {
-    font-size: 200%;
+    font-size: 2.5em;
+    font-weight: 700;
   }
 
   .integer {
@@ -49,14 +50,11 @@ export default ({ mainAmount, otherAmounts, currencyDisplay }) => {
     (acc, curr) => acc + parseInt(curr, 10),
     0
   );
-  const parts = currencyDisplay(mainAmount, true);
 
   return (
     <>
       <StyledBalance>
-        {parts.map(({ type, value }) => (
-          <Text.span className={type} key={type}>{value}</Text.span>
-        ))}
+        <Text.span>{currencyDisplay(mainAmount)}</Text.span>
         {otherAssetsTotal > 0 && (
           <Text className="otherAssets" italic fontSize={1} textAlign="center">
             +{currencyDisplay(otherAssetsTotal)} in other assets