From 545caca025e678e52cdc482fdb20502398fa9874 Mon Sep 17 00:00:00 2001
From: Andrea Franz <andrea@gravityblast.com>
Date: Tue, 10 Mar 2020 17:28:52 +0100
Subject: [PATCH] show token symbol

---
 apps/simple-wallet/client/src/components/ReceiveDialog.tsx | 2 +-
 apps/simple-wallet/client/src/components/TopPanel.tsx      | 6 +-----
 apps/simple-wallet/client/src/containers/TopPanel.ts       | 2 ++
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/apps/simple-wallet/client/src/components/ReceiveDialog.tsx b/apps/simple-wallet/client/src/components/ReceiveDialog.tsx
index a4d7615..f7d5b39 100644
--- a/apps/simple-wallet/client/src/components/ReceiveDialog.tsx
+++ b/apps/simple-wallet/client/src/components/ReceiveDialog.tsx
@@ -54,7 +54,7 @@ const ReceiveDialog = (props: Props) => {
           onClose={props.handleClose}
           aria-labelledby="alert-dialog-slide-title"
           aria-describedby="alert-dialog-slide-description">
-    <DialogTitle id="alert-dialog-slide-title">Top up your wallet</DialogTitle>
+    <DialogTitle id="alert-dialog-slide-title">Send only {props.tokenSymbol} tokens</DialogTitle>
     <DialogContent className={classes.container}>
       <div>
         <img alt={props.address} className={classes.qrcode} ref={image} />
diff --git a/apps/simple-wallet/client/src/components/TopPanel.tsx b/apps/simple-wallet/client/src/components/TopPanel.tsx
index a11845c..2765a4d 100644
--- a/apps/simple-wallet/client/src/components/TopPanel.tsx
+++ b/apps/simple-wallet/client/src/components/TopPanel.tsx
@@ -48,15 +48,11 @@ const TopPanel = (props: Props) => {
   const classes = useStyles();
 
   const [balance, roundedBalance] = roundEther(props.balance);
-  const [availableBalance, roundedAvailableBalance] = roundEther(props.availableBalance);
 
   return <div className={classes.container}>
     <div>
       <Typography variant="h2" color="inherit">
-        {roundedAvailableBalance} Ξ
-      </Typography>
-      <Typography variant="body1" color="inherit" style={{textAlign: "center"}}>
-        {availableBalance}
+        {roundedBalance} {props.tokenSymbol}
       </Typography>
       <div className={classes.actions}>
         <Button
diff --git a/apps/simple-wallet/client/src/containers/TopPanel.ts b/apps/simple-wallet/client/src/containers/TopPanel.ts
index 3568355..43538b9 100644
--- a/apps/simple-wallet/client/src/containers/TopPanel.ts
+++ b/apps/simple-wallet/client/src/containers/TopPanel.ts
@@ -6,6 +6,7 @@ import TopPanel from '../components/TopPanel';
 import { showWalletQRCode } from '../actions/wallet';
 
 export interface StateProps {
+  tokenSymbol: string | undefined
   balance: string | undefined
   availableBalance: string | undefined
 }
@@ -19,6 +20,7 @@ export type Props = StateProps & DispatchProps;
 const mapStateToProps = (state: RootState): StateProps => {
   return {
     balance: state.wallet.balance,
+    tokenSymbol: state.wallet.erc20Symbol,
     availableBalance: state.wallet.availableBalance,
   }
 }