unleash.unleash/packages/unleash-frontend/public/js/components/ErrorMessages.jsx

'use strict';
const React       = require('react');
const Ui          = require('./ErrorMessages.ui');
const ErrorStore  = require('../stores/ErrorStore');
const ErrorActions  = require('../stores/ErrorActions');

const ErrorMessages = React.createClass({
    getInitialState() {
      return {
        errors: ErrorStore.getErrors()
      };
    },

    onStoreChange() {
      this.setState({
        errors: ErrorStore.getErrors()
      });
    },

    componentDidMount() {
      this.unsubscribe = ErrorStore.listen(this.onStoreChange);
    },

    componentWillUnmount() {
      this.unsubscribe();
    },

    onClearErrors() {
        ErrorActions.clear();
    },

    render() {
        return (
            <Ui errors={this.state.errors} onClearErrors={this.onClearErrors}></Ui>
        );
    }
});

module.exports = ErrorMessages;