59 lines
1.3 KiB
TypeScript
59 lines
1.3 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import React from 'react';
|
|
import {Text} from 'react-native';
|
|
|
|
import {logError} from '@utils/log';
|
|
import {makeStyleSheetFromTheme} from '@utils/theme';
|
|
import {typography} from '@utils/typography';
|
|
|
|
type State = {
|
|
hasError: boolean;
|
|
}
|
|
|
|
type Props = {
|
|
children: JSX.Element;
|
|
error: string;
|
|
theme: Theme;
|
|
}
|
|
|
|
const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => ({
|
|
error: {
|
|
color: theme.errorTextColor,
|
|
flexDirection: 'row',
|
|
flexWrap: 'wrap',
|
|
fontStyle: 'italic',
|
|
...typography('Body', 100),
|
|
},
|
|
}));
|
|
|
|
class ErrorBoundary extends React.PureComponent<Props, State> {
|
|
constructor(props: Props) {
|
|
super(props);
|
|
this.state = {hasError: false};
|
|
}
|
|
|
|
componentDidCatch(error: unknown) {
|
|
logError('Error in ErrorBoundary:', error);
|
|
this.setState({hasError: true});
|
|
}
|
|
|
|
render() {
|
|
const {children, error, theme} = this.props;
|
|
const {hasError} = this.state;
|
|
const style = getStyleSheet(theme);
|
|
|
|
if (hasError) {
|
|
return (
|
|
<Text style={style.error}>
|
|
{error}
|
|
</Text>
|
|
);
|
|
}
|
|
|
|
return children;
|
|
}
|
|
}
|
|
|
|
export default ErrorBoundary;
|