2017-08-28 21:30:12 +02:00
|
|
|
import React from 'react';
|
|
|
|
import PropTypes from 'prop-types';
|
2016-11-10 14:26:24 +01:00
|
|
|
|
2017-06-29 08:36:10 +02:00
|
|
|
import { Snackbar, Icon } from 'react-mdl';
|
2016-12-04 11:56:41 +01:00
|
|
|
|
2017-08-28 21:30:12 +02:00
|
|
|
const ErrorComponent = ({ errors, ...props }) => {
|
|
|
|
const showError = errors.length > 0;
|
|
|
|
const error = showError ? errors[0] : undefined;
|
|
|
|
const muteError = () => props.muteError(error);
|
|
|
|
return (
|
2017-08-28 21:40:44 +02:00
|
|
|
<Snackbar action="Dismiss" active={showError} onActionClick={muteError} onTimeout={muteError} timeout={10000}>
|
2017-08-28 21:30:12 +02:00
|
|
|
<Icon name="question_answer" /> {error}
|
|
|
|
</Snackbar>
|
|
|
|
);
|
|
|
|
};
|
2016-11-10 14:26:24 +01:00
|
|
|
|
2017-08-28 21:30:12 +02:00
|
|
|
ErrorComponent.propTypes = {
|
|
|
|
errors: PropTypes.array.isRequired,
|
|
|
|
muteError: PropTypes.func.isRequired,
|
|
|
|
};
|
2016-11-10 14:26:24 +01:00
|
|
|
|
|
|
|
export default ErrorComponent;
|