diff --git a/lib/components/modal/CreateNewFolder.js b/lib/components/modal/CreateNewFolder.js
index bee88582..2686dafe 100644
--- a/lib/components/modal/CreateNewFolder.js
+++ b/lib/components/modal/CreateNewFolder.js
@@ -50,6 +50,12 @@ export default class CreateNewFolder extends React.Component {
}
}
+ handleKeyDown (e) {
+ if (e.keyCode === 13) {
+ this.handleConfirmButton()
+ }
+ }
+
render () {
let alert = this.state.alert
let alertElement = alert != null ? (
@@ -78,7 +84,7 @@ export default class CreateNewFolder extends React.Component {
Create new folder
-
+ this.handleKeyDown(e)} className='ipt' type='text' valueLink={this.linkState('name')} placeholder='Enter folder name'/>
{colorElements}
diff --git a/lib/components/modal/Preference/AppSettingTab.js b/lib/components/modal/Preference/AppSettingTab.js
index 77bec059..fbf5cadc 100644
--- a/lib/components/modal/Preference/AppSettingTab.js
+++ b/lib/components/modal/Preference/AppSettingTab.js
@@ -36,12 +36,20 @@ export default class AppSettingTab extends React.Component {
ipc.removeListener('APP_SETTING_ERROR', this.handleSettingError)
}
- handleSaveButtonClick (e) {
+ submitHotKey () {
ipc.send('hotkeyUpdated', {
toggleFinder: this.state.toggleFinder
})
}
+ handleSaveButtonClick (e) {
+ this.submitHotKey()
+ }
+
+ handleKeyDown (e) {
+ this.submitHotKey()
+ }
+
render () {
let alert = this.state.alert
let alertElement = alert != null ? (
@@ -56,7 +64,7 @@ export default class AppSettingTab extends React.Component {
Hotkey
-
+ this.handleKeyDown(e)} valueLink={this.linkState('toggleFinder')} type='text'/>
diff --git a/lib/components/modal/Preference/FolderRow.js b/lib/components/modal/Preference/FolderRow.js
index 8fba0d37..44e56b82 100644
--- a/lib/components/modal/Preference/FolderRow.js
+++ b/lib/components/modal/Preference/FolderRow.js
@@ -50,6 +50,12 @@ export default class FolderRow extends React.Component {
this.setState({mode: DELETE})
}
+ handleNameInputKeyDown (e) {
+ if (e.keyCode === 13) {
+ this.handleSaveButtonClick()
+ }
+ }
+
handleColorSelectClick (e) {
this.setState({
isColorEditing: true
@@ -133,7 +139,7 @@ export default class FolderRow extends React.Component {
}
-
+ this.handleNameInputKeyDown(e)} valueLink={this.linkState('name')} type='text'/>
diff --git a/lib/components/modal/Preference/FolderSettingTab.js b/lib/components/modal/Preference/FolderSettingTab.js
index 0072b0ed..09a8ba7d 100644
--- a/lib/components/modal/Preference/FolderSettingTab.js
+++ b/lib/components/modal/Preference/FolderSettingTab.js
@@ -12,6 +12,12 @@ export default class FolderSettingTab extends React.Component {
}
}
+ handleNewFolderNameKeyDown (e) {
+ if (e.keyCode === 13) {
+ this.handleSaveButtonClick()
+ }
+ }
+
handleSaveButtonClick (e) {
this.setState({alert: null}, () => {
if (this.state.name.trim().length === 0) return false
@@ -71,7 +77,7 @@ export default class FolderSettingTab extends React.Component {
{folderElements}