From e635caff65d89425d9a576b7c8ed414936ead954 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABtan=20Renaudeau?= <renaudeau.gaetan@gmail.com>
Date: Thu, 13 Sep 2018 12:04:52 +0200
Subject: [PATCH] Make dev tools menu only enabled with DEVTOOLS

---
 src/components/MainSideBar/index.js | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/MainSideBar/index.js b/src/components/MainSideBar/index.js
index e1cb9051..9289061e 100644
--- a/src/components/MainSideBar/index.js
+++ b/src/components/MainSideBar/index.js
@@ -35,6 +35,7 @@ import IconExchange from 'icons/Exchange'
 import AccountListItem from './AccountListItem'
 import AddAccountButton from './AddAccountButton'
 import TopGradient from './TopGradient'
+import KeyboardContent from '../KeyboardContent'
 
 const mapStateToProps = state => ({
   accounts: accountsSelector(state),
@@ -155,13 +156,15 @@ class MainSideBar extends PureComponent<Props> {
               isActive={pathname === '/exchange'}
             />
             {developerMode && (
-              <SideBarListItem
-                label={t('app:sidebar.developer')}
-                icon={IconDev}
-                iconActiveColor="wallet"
-                onClick={this.handleClickDev}
-                isActive={pathname === '/dev'}
-              />
+              <KeyboardContent sequence="DEVTOOLS">
+                <SideBarListItem
+                  label={t('app:sidebar.developer')}
+                  icon={IconDev}
+                  iconActiveColor="wallet"
+                  onClick={this.handleClickDev}
+                  isActive={pathname === '/dev'}
+                />
+              </KeyboardContent>
             )}
           </SideBarList>
           <Space of={40} />