hotkey config

browser/main/modals/PreferencesModal/ConfigTab.js

@@ -25,7 +25,7 @@ class ConfigTab extends React.Component {
     this.handleSettingDone = () => {
       this.setState({keymapAlert: {
         type: 'success',
-        message: 'Successfully done!'
+        message: 'Successfully applied!'
       }})
     }
     this.handleSettingError = (err) => {
@@ -43,20 +43,17 @@ class ConfigTab extends React.Component {
     ipc.removeListener('APP_SETTING_ERROR', this.handleSettingError)
   }
 
-  submitHotKey () {
-    ipc.send('hotkeyUpdated', this.state.keymap)
-  }
-
-  submitConfig () {
-    ipc.send('configUpdated', this.state.config)
-  }
-
   handleSaveButtonClick (e) {
-    this.submitHotKey()
-  }
+    let newConfig = {
+      hotkey: this.state.config.hotkey
+    }
 
-  handleConfigSaveButtonClick (e) {
-    this.submitConfig()
+    ConfigManager.set(newConfig)
+
+    store.dispatch({
+      type: 'SET_UI',
+      config: newConfig
+    })
   }
 
   handleKeyDown (e) {
@@ -183,6 +180,7 @@ class ConfigTab extends React.Component {
                 ref='toggleFinder'
                 value={config.hotkey.toggleFinder}
                 type='text'
+                disabled
               />
             </div>
           </div>

browser/main/modals/PreferencesModal/ConfigTab.styl

@@ -34,6 +34,8 @@
   border solid 1px $border-color
   border-radius 2px
   padding 0 5px
+  &:disabled
+    background-color $ui-input--disabled-backgroundColor
 
 .group-checkBoxSection
   margin-bottom 15px
@@ -47,6 +49,12 @@
   box-sizing border-box
   height 40px
   text-align right
+  :global
+    .alert
+      font-size 12px
+      line-height 30px
+      padding 0 5px
+      float right
 .group-control-leftButton
   float left
   colorDefaultButton()

browser/main/modals/PreferencesModal/InfoTab.js

@@ -2,9 +2,9 @@ import React, { PropTypes } from 'react'
 import CSSModules from 'browser/lib/CSSModules'
 import styles from './InfoTab.styl'
 
-const appVersion = global.process.version
 const electron = require('electron')
-const { shell } = electron
+const { shell, remote } = electron
+const appVersion = remote.app.getVersion()
 
 class InfoTab extends React.Component {
   constructor (props) {