Returning reaction

returningReaction.js

// We can return the promise from our reaction
freezer.on('message:send', text => {
  freezer.get().set({status: 'SENDING'});
  
  // Return the promise
  return Ajax.post('/messages', {text: text} )
    .then( msg => {
      freezer.get()
        .set({status: 'READY'})
        .messages.push(msg)
      ;
    })
  ;
});

// in a different file, our component will trigger the message sending
// and show the success message when it finish
class MessageEditor extends React.Component {
  render(){
    return (
      <div>
        <textarea onChange={ e => this.setState({msg: e.target.value}) />
        <button onClick={ () => this.send() }>Send</button>
      </div>
    );
  }
  send(){
    // Receive the promise from the reaction, so we can handle the message
    // displaying in the Component itself
    freezer.emit('message:send', this.state.msg)
      .then( () => this.showToast('Your message has been sent successfully!') )
    ;
  }
}