ErrorBlock.jsx

import React, { PropTypes } from 'react';
import { Message } from 'semantic-ui-react';
import I18n from '../../helpers/I18n';

const ErrorBlock = ({errors}) => {
    let errorList = [];

    for (let error in errors) {
        errorList.push(errors[error]);
    }
    
    if (errorList.length > 0) {
        return (
            <Message
                error
                header={i18n.validation.common.form_errors}
                list={errorList}
            />
        );
    }
    
    return (<span></span>);
};

ErrorBlock.propTypes = {
    errors: PropTypes.object
};

export default ErrorBlock;