embarklabs/embark
2
0
Fork 0
mirror of https://github.com/embarklabs/embark.git synced 2025-02-16 23:57:11 +00:00
Code Issues Projects Releases Wiki Activity

fix(@embark/cockpit): Utils/Communications handle enter

Browse Source 
Handle enter pressed when listening to channels and sending messages.
This commit is contained in:
emizzle 2019-03-14 12:52:36 +11:00 committed by Iuri Matias
parent cc8363a94b
commit 8b7a374313
1 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/embark-ui/src/components/Communication.js
View File

@ -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 {
<CardBody>
<FormGroup>
<Label htmlFor="listenTo">Whisper channel</Label>
<Input id="listenTo" placeholder="Channel" value={this.state.listenTo} onChange={e => this.handleChange(e, 'listenTo')} />
<Input id="listenTo"
placeholder="Channel"
value={this.state.listenTo}
onChange={e => this.handleChange(e, 'listenTo')}
onKeyPress={e => this.handleEnter(e, this.listenToChannel.bind(this))} />
</FormGroup>
<Button color="primary" onClick={(e) => this.listenToChannel(e)}>Start Listening</Button>
@ -110,9 +121,10 @@ class Communication extends Component {
<FormGroup label="Message">
<Label htmlFor="message">Message</Label>
<Input value={this.state.message}
placeholder="Message"
id="message"
onChange={e => this.handleChange(e, 'message')}/>
placeholder="Message"
id="message"
onChange={e => this.handleChange(e, 'message')}
onKeyPress={e => this.handleEnter(e, this.sendMessage.bind(this))}/>
</FormGroup>
<Button color="primary" disabled={!this.state.channelIsValid} onClick={(e) => this.sendMessage(e)}>Send Message</Button>