class Main extends Component {
    constructor(props) {
        super(props);
        messages = [];
        this.state = {
            messages:[]
        };
    }
    componentWillMount() {
        this.conversations("");
    }
    conversations(msg) {
        postConversation(msg)
        .then(data => {
            const botMsg = {
                user: 'bot',
                type: 'message',
                text: data.output.text ? data.output.text[0] : ''
            };
            const userMsg = {
                user: 'user',
                type: 'message',
                text: data.input.text ? data.input.text[0] : ''
            };
            this.setState({
                messages:[...messages, botMsg, userMsg],
            });
        });
    }
    render() {
        return (
            <div id="messenger" className="fullscreen">
                <Header />
                <Messages messages={this.state.messages}/>
                <Compose send={this.conversations} />
            </div>
        );
    }
}

export default Main;