From 46421270bc442fe309d6ec3342b356d1fd74828d Mon Sep 17 00:00:00 2001
From: Vasek Mlejnsky <vasek.mlejnsky@gmail.com>
Date: Mon, 24 Sep 2018 14:06:14 +0200
Subject: [PATCH] Show current token balance

---
 src/views/Wallet/views/AccountSend/index.js | 27 +++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/src/views/Wallet/views/AccountSend/index.js b/src/views/Wallet/views/AccountSend/index.js
index d7d2ffa3..c34e4778 100644
--- a/src/views/Wallet/views/AccountSend/index.js
+++ b/src/views/Wallet/views/AccountSend/index.js
@@ -31,6 +31,15 @@ const StyledH2 = styled(H2)`
     padding: 20px 0;
 `;
 
+const AmountInputLabelWrapper = styled.div`
+    display: flex;
+    justify-content: space-between;
+`;
+
+const AmountInputLabel = styled.span`
+    color: ${colors.TEXT_SECONDARY};
+`;
+
 const InputRow = styled.div`
     margin-bottom: 20px;
 `;
@@ -198,7 +207,6 @@ const AccountSend = (props: Props) => {
         sending,
         advanced,
     } = props.sendForm;
-
     const {
         toggleAdvanced,
         onAddressChange,
@@ -210,6 +218,14 @@ const AccountSend = (props: Props) => {
         onSend,
     } = props.sendFormActions;
 
+    const isCurrentCurrencyToken = networkSymbol !== currency;
+
+    let selectedTokenBalance = 0;
+    const selectedToken = tokens.find(t => t.symbol === currency);
+    if (selectedToken) {
+        selectedTokenBalance = selectedToken.balance;
+    }
+
     if (!device || !account || !discovery || !network) return null;
 
     let isSendButtonDisabled: boolean = Object.keys(errors).length > 0 || total === '0' || amount.length === 0 || address.length === 0 || sending;
@@ -259,7 +275,14 @@ const AccountSend = (props: Props) => {
                         autoCorrect="off"
                         autoCapitalize="off"
                         spellCheck="false"
-                        topLabel="Amount"
+                        topLabel={(
+                            <AmountInputLabelWrapper>
+                                <AmountInputLabel>Amount</AmountInputLabel>
+                                {(isCurrentCurrencyToken && selectedToken) && (
+                                    <AmountInputLabel>You have: {selectedTokenBalance} {selectedToken.symbol}</AmountInputLabel>
+                                )}
+                            </AmountInputLabelWrapper>
+                        )}
                         value={amount}
                         onChange={event => onAmountChange(event.target.value)}
                         bottomText={errors.amount || warnings.amount || infos.amount}