taler-typescript-core

commit e61aae74d7551582d2eaa498665a96c012a16019
parent 58a339cf511eb1b6cb274725be55801b5e306504
Author: Florian Dold <florian.dold@gmail.com>
Date:   Mon, 28 Nov 2016 08:19:06 +0100

prettyier amount rendering

Diffstat:
M
src/popup/popup.tsx
 | 
14
+++++++++++++-

1 file changed, 13 insertions(+), 1 deletion(-)
diff --git a/src/popup/popup.tsx b/src/popup/popup.tsx
@@ -195,6 +195,18 @@ function ExtensionLink(props: any) {
     </a>)
 }
 
+
+export function bigAmount(amount: AmountJson): JSX.Element {
+  let v = amount.value + amount.fraction / Amounts.fractionalBase;
+  return (
+    <span>
+      <span style={{fontSize: "300%"}}>{v}</span>
+      {" "}
+      <span>{amount.currency}</span>
+      </span>
+  );
+}
+
 class WalletBalanceView extends React.Component<any, any> {
   balance: WalletBalance;
   gotError = false;
@@ -306,7 +318,7 @@ class WalletBalanceView extends React.Component<any, any> {
       let entry: WalletBalanceEntry = wallet[key];
       return (
         <p>
-          {prettyAmount(entry.available)}
+          {bigAmount(entry.available)}
           {" "}
           {this.formatPending(entry)}
         </p>