Proyectos de Subversion LeadersLinked - SPA

import React from 'react'
import { connect } from 'react-redux'
import { Container, Typography } from '@mui/material'

import { addNotification } from '@app/redux/notification/notification.actions'

import Button from '@app/components/UI/buttons/Buttons'

class ErrorBoundary extends React.Component {
  constructor(props) {
    super(props)
    this.state = { hasError: false }
  }

  static getDerivedStateFromError() {
    return { hasError: true }
  }

  componentDidCatch(error, errorInfo) {
    console.error('ErrorBoundary caught an error: ', error, errorInfo)
    this.props.addNotification({ style: 'danger', msg: error.message })
  }

  render() {
    if (this.state.hasError) {
      return (
        <Container>
          <Typography variant='h1'>
            Something went wrong, please reload the page
          </Typography>

          <Button
            variant='primary'
            onClick={() => window.location.reload(true)}
          >
            Reload
          </Button>
        </Container>
      )
    }

    return this.props.children
  }
}

const mapDispatchToProps = {
  addNotification: (notification) => addNotification(notification)
}

export default connect(null, mapDispatchToProps)(ErrorBoundary)