Make dev tools menu only enabled with DEVTOOLS

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,6 +156,7 @@ class MainSideBar extends PureComponent<Props> {
               isActive={pathname === '/exchange'}
             />
             {developerMode && (
+              <KeyboardContent sequence="DEVTOOLS">
                 <SideBarListItem
                   label={t('app:sidebar.developer')}
                   icon={IconDev}
@@ -162,6 +164,7 @@ class MainSideBar extends PureComponent<Props> {
                   onClick={this.handleClickDev}
                   isActive={pathname === '/dev'}
                 />
+              </KeyboardContent>
             )}
           </SideBarList>
           <Space of={40} />