From 18d908be7148a6d43c52663e7e82b5c5484279a0 Mon Sep 17 00:00:00 2001
From: Amaury Martiny <amaury.martiny@protonmail.com>
Date: Wed, 4 Jul 2018 18:49:55 +0200
Subject: [PATCH] Allow no token in tokenCard

---
 packages/fether-ui/src/TokenCard/TokenCard.js | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/fether-ui/src/TokenCard/TokenCard.js b/packages/fether-ui/src/TokenCard/TokenCard.js
index 8941fa12..c414279b 100644
--- a/packages/fether-ui/src/TokenCard/TokenCard.js
+++ b/packages/fether-ui/src/TokenCard/TokenCard.js
@@ -20,14 +20,18 @@ export const TokenCard = ({
   <Card {...otherProps}>
     <div className='token'>
       <div className='token_icon'>
-        {token.logo ? (
+        {token && token.logo ? (
           <img alt={token.symbol} src={token.logo} />
         ) : (
           <Placeholder height={20} width={20} />
         )}
       </div>
       <div className='token_name'>
-        {token.name ? token.name : <Placeholder height={20} width={100} />}
+        {token && token.name ? (
+          token.name
+        ) : (
+          <Placeholder height={20} width={100} />
+        )}
       </div>
       <div className='token_balance'>
         {balance ? (
@@ -35,7 +39,7 @@ export const TokenCard = ({
         ) : showBalance ? (
           <Placeholder height={20} width={50} />
         ) : null}
-        <span className='token_symbol'>{token.symbol}</span>
+        <span className='token_symbol'>{token && token.symbol}</span>
       </div>
       {children}
     </div>
@@ -53,7 +57,7 @@ TokenCard.propTypes = {
     logo: PropTypes.string,
     name: PropTypes.string,
     symbol: PropTypes.string
-  }).isRequired
+  })
 };
 
 export default TokenCard;
-- 
GitLab