github.com/tilt-dev/tilt@v0.33.15-0.20240515162809-0a22ed45d8a0/web/src/FatalErrorModal.tsx (about)

     1  import React, { PureComponent } from "react"
     2  import Modal from "react-modal"
     3  import "./FatalErrorModal.scss"
     4  import { ShowFatalErrorModal } from "./types"
     5  
     6  type props = {
     7    error: string | null | undefined
     8    showFatalErrorModal: ShowFatalErrorModal
     9    handleClose: () => void
    10  }
    11  
    12  export default class FatalErrorModal extends PureComponent<props> {
    13    render() {
    14      let showModal =
    15        Boolean(this.props.error) &&
    16        (this.props.showFatalErrorModal === ShowFatalErrorModal.Default ||
    17          this.props.showFatalErrorModal === ShowFatalErrorModal.Show)
    18      return (
    19        <Modal
    20          isOpen={showModal}
    21          className="FatalErrorModal"
    22          onRequestClose={this.props.handleClose}
    23        >
    24          <h2 className="FatalErrorModal-title">Fatal Error</h2>
    25          <div className="FatalErrorModal-pane">
    26            <p>Tilt has encountered a fatal error: {this.props.error}</p>
    27            <p>
    28              Once you fix this issue you'll need to restart Tilt. In the meantime
    29              feel free to browse through the UI.
    30            </p>
    31          </div>
    32        </Modal>
    33      )
    34    }
    35  }