1
0
Fork 0

add reset_all and undo buttons to error boundary. no styling

This commit is contained in:
Enoch Riese 2022-07-12 17:32:47 -05:00
parent 00953e9189
commit 9bcfa4f39b
10 changed files with 93 additions and 28 deletions

View file

@ -1,39 +0,0 @@
import React from 'react';
class ErrorBoundary extends React.Component {
constructor(props) {
super(props);
this.state = { hasError: false };
}
static getDerivedStateFromError(error) {
// Update state so the next render will show the fallback UI.
return { hasError: true };
}
componentDidCatch(error, errorInfo) {
// You can also log the error to an error reporting service
console.log(error, errorInfo);
}
componentDidUpdate(prevProps) {
if (this.props.gist !== prevProps.gist) {
this.setState({hasError: false})
}
}
render() {
if (this.state.hasError) {
// You can render any custom fallback UI
return this.props.errorView || (<h1>Something went wrong.</h1>);
}
try {
return this.props.children;
} catch(e) {
return this.props.errorView || (<h1>Something went wrong.</h1>);
}
}
}
export default ErrorBoundary