resources/js/components/common/ErrorMessage.js

   1 import PropTypes from 'prop-types';
   2 import React from 'react';
   3 import { Alert } from 'react-bootstrap';
   4 import { withTranslation } from 'react-i18next';
   5
   6 import i18n from '../../i18n';
   7
   8 const ErrorMessage = ({ error }) => {
   9         if (error.response) {
  10                 return <Alert variant="danger">
  11                         <Alert.Heading>{i18n.t(`error.${error.response.status}.heading`)}</Alert.Heading>
  12                         <p className="mb-0">{i18n.t(`error.${error.response.status}.description`)}</p>
  13                 </Alert>;
  14         }
  15         return <div className="error">Error</div>;
  16 };
  17
  18 ErrorMessage.propTypes = {
  19         error: PropTypes.shape({
  20                 message: PropTypes.string,
  21                 request: PropTypes.shape({}),
  22                 response: PropTypes.shape({
  23                         status: PropTypes.number,
  24                 }),
  25         }),
  26 };
  27
  28 export default withTranslation()(ErrorMessage);