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}
- + this.handleNewFolderNameKeyDown(e)} valueLink={this.linkState('name')} type='text' placeholder='New Folder'/>