Skip to content
Snippets Groups Projects
Select Git revision
  • 2e9665097d1efc298e001882052662a5cc25d9a4
  • mui5-annotation-on-video-stable default
  • get_setter_canvasSizeInformations
  • fix-error-div-into-p
  • annotation-on-video-v2
  • detached
  • annotation-on-video-r17
  • mui5
  • mui5-react-18
  • jacob-test
  • annotation-on-video protected
  • master
  • test-antoinev1
  • 20-fetch-thumbnail-on-annotation
  • add-research-field
  • Save
  • add-plugin
  • 14-wip-no-seek-to
  • 14-bug-on-video-time-control
  • 9_wip_videotests
  • _upgrade_material_ui
  • latest-tetras-16
  • v3.3.0
  • v3.2.0
  • v3.1.1
  • v3.1.0
  • v3.0.0
  • v3.0.0-rc.7
  • v3.0.0-rc.6
  • v3.0.0-rc.5
  • v3.0.0-rc.4
  • v3.0.0-rc.3
  • v3.0.0-rc.2
  • v3.0.0-rc.1
  • v3.0.0-beta.10
  • v3.0.0-beta.9
  • v3.0.0-beta.8
  • v3.0.0-beta.7
  • v3.0.0-beta.6
  • v3.0.0-beta.5
  • v3.0.0-beta.3
41 results

Window.js

Blame
  • ErrorContent.js 1.90 KiB
    import React, { Component } from 'react';
    import PropTypes from 'prop-types';
    import ExpansionPanel from '@material-ui/core/ExpansionPanel';
    import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';
    import ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';
    import Typography from '@material-ui/core/Typography';
    import Alert from '@material-ui/lab/Alert';
    import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
    import { PluginHook } from './PluginHook';
    
    /** */
    export class ErrorContent extends Component {
      /** */
      render() {
        const {
          classes,
          error,
          metadata,
          showJsError,
          t,
        } = this.props;
    
        if (!showJsError) return null;
    
        return (
          <>
            <Alert elevation={6} variant="filled" severity="error">
              {t('errorDialogTitle')}
            </Alert>
    
            {showJsError && (
              <ExpansionPanel square className={classes.alert}>
                <ExpansionPanelSummary
                  expandIcon={<ExpandMoreIcon />}
                >
                  <Typography>{t('jsError', { message: error.message, name: error.name })}</Typography>
                </ExpansionPanelSummary>
                <ExpansionPanelDetails className={classes.details}>
                  <pre>{ t('jsStack', { stack: error.stack }) }</pre>
                  { metadata && (
                    <pre>{JSON.stringify(metadata, null, 2)}</pre>
                  )}
                </ExpansionPanelDetails>
              </ExpansionPanel>
            )}
            <PluginHook {...this.props} />
          </>
        );
      }
    }
    
    ErrorContent.propTypes = {
      classes: PropTypes.objectOf(PropTypes.string).isRequired,
      error: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types
      metadata: PropTypes.object, // eslint-disable-line react/forbid-prop-types
      showJsError: PropTypes.bool,
      t: PropTypes.func,
    };
    
    ErrorContent.defaultProps = {
      metadata: null,
      showJsError: true,
      t: key => key,
    };