Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2024-09-21 15:56:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(template): can hit enter to save template names

Browse source
This commit is contained in:
Evan Morikawa 2016-06-09 15:09:16 -07:00
parent 8ef4d8c0f3
commit 7cafc3ac1b
1 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
internal_packages/composer-templates/lib/preferences-templates.jsx
View file

@ -151,11 +151,19 @@ class PreferencesTemplates extends React.Component {
return (<a onClick={() => { this.setState({editAsHTML: true}); }}>Edit raw HTML</a>);
}
_onEnter(action) {
return (event) => {
if (event.key === "Enter") {
action()
}
}
}
// TEMPLATE NAME EDITING
_renderEditName() {
return (
<div className="section-title">
Template Name: <input type="text" className="template-name-input" value={this.state.selectedTemplateName} onChange={this._onEditName} />
Template Name: <input type="text" className="template-name-input" value={this.state.selectedTemplateName} onChange={this._onEditName} onKeyDown={this._onEnter(this._saveName)} />
<button className="btn template-name-btn" onClick={this._saveName}>Save Name</button>
<button className="btn template-name-btn" onClick={this._cancelEditName}>Cancel</button>
</div>
@ -247,7 +255,7 @@ class PreferencesTemplates extends React.Component {
const cancel = (<button className="btn template-name-btn" onClick={this._cancelNewTemplate}>Cancel</button>);
return (
<div className="section-title">
Template Name: <input type="text" className="template-name-input" value={this.state.selectedTemplateName} onChange={this._onEditName} />
Template Name: <input type="text" className="template-name-input" value={this.state.selectedTemplateName} onChange={this._onEditName} onKeyDown={this._onEnter(this._saveNewTemplate)} />
<button className="btn btn-emphasis template-name-btn" onClick={this._saveNewTemplate}>Save</button>
{this.state.templates.length ? cancel : null}
</div>