From 5ea55c0d603e9a346b35c43a532dbe8b5b74b691 Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Mon, 10 Aug 2020 12:18:55 +0200
Subject: [PATCH] ChainLogo/Info only clickable with dropdown (#3380)

---
 packages/apps/src/SideBar/ChainInfo.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/apps/src/SideBar/ChainInfo.tsx b/packages/apps/src/SideBar/ChainInfo.tsx
index f7e7533186..76bf8f5bd5 100644
--- a/packages/apps/src/SideBar/ChainInfo.tsx
+++ b/packages/apps/src/SideBar/ChainInfo.tsx
@@ -25,7 +25,7 @@ function ChainInfo ({ className = '', isToggled, onClick }: Props): React.ReactE
 
   return (
     <div
-      className={`apps--SideBar-logo ${className} ui--highlight--border`}
+      className={`apps--SideBar-logo${onClick ? ' isClickable' : ''} ${className} ui--highlight--border`}
       onClick={onClick}
     >
       <div className='apps--SideBar-logo-inner'>
@@ -51,10 +51,13 @@ function ChainInfo ({ className = '', isToggled, onClick }: Props): React.ReactE
 export default React.memo(styled(ChainInfo)`
   border-top: 0.5rem solid transparent;
   box-sizing: border-box;
-  cursor: pointer;
   padding: 0.75rem;
   margin: 0 0 0.5rem -1rem;
 
+  &.isClickable {
+    cursor: pointer;
+  }
+
   .apps--SideBar-logo-inner {
     display: flex;
     align-items: center;