fix: some minor issues (#194)

RabbyHub · Aug 23, 2021 · 23de7ce · 23de7ce
1 parent bf9ca11
commit 23de7ce
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/ui/views/Dashboard/components/BalanceView.tsx b/src/ui/views/Dashboard/components/BalanceView.tsx
@@ -36,7 +36,7 @@ const BalanceView = ({ currentAccount }) => {
           const percent = (item.usd_value / totalUSDValue) * 100;
           return (
             <li className="flex" key={item.id}>
-              <img className="chain-logo" src={chain.logo} />
+              <img className="chain-logo" src={chain?.logo} />
               <span
                 className="amount"
                 title={'$' + splitNumberByStep(item.usd_value.toFixed(2))}

diff --git a/src/ui/views/Dashboard/components/RecentConnections/index.tsx b/src/ui/views/Dashboard/components/RecentConnections/index.tsx
@@ -88,8 +88,8 @@ const ConnectionItem = memo(
             />
             <img
               className="connect-chain"
-              src={CHAINS[item.chain].logo}
-              alt={CHAINS[item.chain].name}
+              src={CHAINS[item.chain]?.logo}
+              alt={CHAINS[item.chain]?.name}
             />
             <div className="logo cursor-pointer">
               <FallbackSiteLogo

diff --git a/src/ui/views/Dashboard/style.less b/src/ui/views/Dashboard/style.less
@@ -98,6 +98,7 @@
               margin-top: -4px;
             }
             &:hover {
+              text-shadow: 0px 4px 12px rgba(24, 30, 81, 0.2);
               .icon-external-link {
                 display: block;
               }