From 97c2d8dffc5382f5295a2a256438ca27359e03c6 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Mon, 4 Jun 2018 21:13:42 -0700
Subject: [PATCH] Closes #667 - React warning in development

---
 app/components/Sidebar/components/SidebarLink.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/components/Sidebar/components/SidebarLink.js b/app/components/Sidebar/components/SidebarLink.js
index b0325f13..03d8c2a6 100644
--- a/app/components/Sidebar/components/SidebarLink.js
+++ b/app/components/Sidebar/components/SidebarLink.js
@@ -33,7 +33,7 @@ const StyledNavLink = styled(NavLink)`
   overflow: hidden;
   text-overflow: ellipsis;
   padding: 4px 0;
-  margin-left: ${({ iconVisible }) => (iconVisible ? '-20px;' : '0')};
+  margin-left: ${({ icon }) => (icon ? '-20px;' : '0')};
   color: ${color.slateDark};
   font-size: 15px;
   cursor: pointer;
@@ -97,12 +97,13 @@ class SidebarLink extends React.Component<Props> {
       hideExpandToggle,
     } = this.props;
     const Component = to ? StyledNavLink : StyledDiv;
-    const showExpandIcon = expandedContent && !hideExpandToggle;
+    const showExpandIcon =
+      expandedContent && !hideExpandToggle ? true : undefined;
 
     return (
       <Wrapper menuOpen={menuOpen} column>
         <Component
-          iconVisible={showExpandIcon}
+          icon={showExpandIcon}
           activeStyle={activeStyle}
           style={active ? activeStyle : undefined}
           onClick={onClick}