2019-01-15 18:53:27 -05:00
|
|
|
/**
|
|
|
|
* Licensed to the Apache Software Foundation (ASF) under one
|
|
|
|
* or more contributor license agreements. See the NOTICE file
|
|
|
|
* distributed with this work for additional information
|
|
|
|
* regarding copyright ownership. The ASF licenses this file
|
|
|
|
* to you under the Apache License, Version 2.0 (the
|
|
|
|
* "License"); you may not use this file except in compliance
|
|
|
|
* with the License. You may obtain a copy of the License at
|
|
|
|
*
|
|
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
*
|
|
|
|
* Unless required by applicable law or agreed to in writing,
|
|
|
|
* software distributed under the License is distributed on an
|
|
|
|
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
|
|
* KIND, either express or implied. See the License for the
|
|
|
|
* specific language governing permissions and limitations
|
|
|
|
* under the License.
|
|
|
|
*/
|
2018-11-07 20:11:52 -05:00
|
|
|
import React from 'react';
|
|
|
|
import PropTypes from 'prop-types';
|
2020-09-09 16:18:55 -04:00
|
|
|
import { t } from '@superset-ui/core';
|
2021-03-01 15:05:24 -05:00
|
|
|
import ErrorMessageWithStackTrace from 'src/components/ErrorMessage/ErrorMessageWithStackTrace';
|
2018-11-07 20:11:52 -05:00
|
|
|
|
|
|
|
const propTypes = {
|
|
|
|
children: PropTypes.node.isRequired,
|
|
|
|
onError: PropTypes.func,
|
|
|
|
showMessage: PropTypes.bool,
|
|
|
|
};
|
|
|
|
const defaultProps = {
|
|
|
|
onError: () => {},
|
|
|
|
showMessage: true,
|
|
|
|
};
|
|
|
|
|
|
|
|
export default class ErrorBoundary extends React.Component {
|
|
|
|
constructor(props) {
|
|
|
|
super(props);
|
|
|
|
this.state = { error: null, info: null };
|
|
|
|
}
|
|
|
|
|
|
|
|
componentDidCatch(error, info) {
|
|
|
|
this.props.onError(error, info);
|
|
|
|
this.setState({ error, info });
|
|
|
|
}
|
|
|
|
|
|
|
|
render() {
|
|
|
|
const { error, info } = this.state;
|
|
|
|
if (error) {
|
2019-08-30 00:29:34 -04:00
|
|
|
const firstLine = error.toString();
|
2018-11-07 20:11:52 -05:00
|
|
|
const message = (
|
|
|
|
<span>
|
2019-08-30 00:29:34 -04:00
|
|
|
<strong>{t('Unexpected error')}</strong>
|
|
|
|
{firstLine ? `: ${firstLine}` : ''}
|
|
|
|
</span>
|
|
|
|
);
|
2018-11-07 20:11:52 -05:00
|
|
|
if (this.props.showMessage) {
|
|
|
|
return (
|
2020-04-27 16:24:21 -04:00
|
|
|
<ErrorMessageWithStackTrace
|
2020-10-06 15:50:38 -04:00
|
|
|
subtitle={message}
|
|
|
|
copyText={message}
|
2019-11-27 17:02:48 -05:00
|
|
|
stackTrace={info ? info.componentStack : null}
|
|
|
|
/>
|
2019-08-30 00:29:34 -04:00
|
|
|
);
|
2018-11-07 20:11:52 -05:00
|
|
|
}
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
return this.props.children;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
ErrorBoundary.propTypes = propTypes;
|
|
|
|
ErrorBoundary.defaultProps = defaultProps;
|