diff --git a/packages/embark-ui/src/components/Communication.js b/packages/embark-ui/src/components/Communication.js index 3d22558cc..690e85f38 100644 --- a/packages/embark-ui/src/components/Communication.js +++ b/packages/embark-ui/src/components/Communication.js @@ -37,6 +37,13 @@ class Communication extends Component { } } + handleEnter(e, cb) { + if (e.which === 13) { + e.preventDefault(); + cb(e); + } + } + sendMessage(e) { e.preventDefault(); this.props.sendMessage(this.state.channel, this.state.message); @@ -58,7 +65,11 @@ class Communication extends Component { - this.handleChange(e, 'listenTo')} /> + this.handleChange(e, 'listenTo')} + onKeyPress={e => this.handleEnter(e, this.listenToChannel.bind(this))} /> @@ -110,9 +121,10 @@ class Communication extends Component { this.handleChange(e, 'message')}/> + placeholder="Message" + id="message" + onChange={e => this.handleChange(e, 'message')} + onKeyPress={e => this.handleEnter(e, this.sendMessage.bind(this))}/>