canner/lib/hocs/errorCatch.js

Build CMS in few lines of code for different data sources

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = errorCatch;

require("antd/lib/alert/style");

var _alert = _interopRequireDefault(require("antd/lib/alert"));

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var React = _interopRequireWildcard(require("react"));

var _antd = require("antd");

var _reactIntl = require("react-intl");

function errorCatch(Com) {
  return (
    /*#__PURE__*/
    function (_React$Component) {
      (0, _inherits2.default)(ComponentErrorCatch, _React$Component);

      function ComponentErrorCatch() {
        var _getPrototypeOf2;

        var _this;

        (0, _classCallCheck2.default)(this, ComponentErrorCatch);

        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
          args[_key] = arguments[_key];
        }

        _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(ComponentErrorCatch)).call.apply(_getPrototypeOf2, [this].concat(args)));
        (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "state", {
          error: false,
          errorInfo: {
            componentStack: null
          }
        });
        return _this;
      }

      (0, _createClass2.default)(ComponentErrorCatch, [{
        key: "componentDidCatch",
        value: function componentDidCatch(e, info) {
          // eslint-disable-next-line
          console.log(e, info);
          this.setState({
            error: e,
            errorInfo: info
          });
        }
      }, {
        key: "render",
        value: function render() {
          var error = this.state.error;

          if (error) {
            return React.createElement(_alert.default, {
              message: React.createElement(_reactIntl.FormattedMessage, {
                id: "hocs.errorCatch.message"
              }),
              type: "error",
              closable: true,
              closeText: React.createElement(_reactIntl.FormattedMessage, {
                id: "hocs.errorCatch.refresh"
              }),
              afterClose: function afterClose() {
                return location.reload();
              }
            });
          }

          return React.createElement(Com, this.props);
        }
      }]);
      return ComponentErrorCatch;
    }(React.Component)
  );
}