From cf863664b7a46fe1db7427fd24c28741342a85a6 Mon Sep 17 00:00:00 2001
From: Szymon Lesisz <sz.lesisz@gmail.com>
Date: Thu, 10 May 2018 17:30:26 +0200
Subject: [PATCH] token already added message

---
 src/js/components/wallet/summary/Summary.js | 21 +++++++++++++++++----
 src/styles/aside.less                       |  2 +-
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/js/components/wallet/summary/Summary.js b/src/js/components/wallet/summary/Summary.js
index f531c61a..f924f3d2 100644
--- a/src/js/components/wallet/summary/Summary.js
+++ b/src/js/components/wallet/summary/Summary.js
@@ -73,14 +73,27 @@ const _render = (props: Props, state: AccountState): React$Element<string> => {
                     onChange={ token => props.addToken(token, account) } 
                     loadOptions={ input => props.loadTokens(input, account.network) } 
                     filterOptions= { 
-                        (options: Array<NetworkToken>, search: string, values) => {
-                            return options.filter(o => {
-                                return !tokens.find(t => t.symbol === o.symbol);
+                        (options: Array<NetworkToken>, search: string, values: Array<NetworkToken>) => {
+                            return options.map(o => {
+                                const added = tokens.find(t => t.symbol === o.symbol);
+                                if (added) {
+                                    return {
+                                        ...o,
+                                        name: `${o.name} (Already added)`,
+                                        disabled: true
+                                    };
+                                } else {
+                                    return o;
+                                }
                             });
+
+                            // return options.filter(o => {
+                            //     return !tokens.find(t => t.symbol === o.symbol);
+                            // });
                         }
                     }
                     valueKey="symbol" 
-                    labelKey="symbol" 
+                    labelKey="name" 
                     placeholder="Search for token"
                     searchPromptText="Type token name or address"
                     noResultsText="Token not found"
diff --git a/src/styles/aside.less b/src/styles/aside.less
index c9994aba..cf9f7a64 100644
--- a/src/styles/aside.less
+++ b/src/styles/aside.less
@@ -213,7 +213,7 @@ aside {
             line-height: 22px;
             text-align: center;
             font-size: 11px;
-            margin-right: 4px;
+            margin-right: 8px;
         }
 
         // .device-menu {