@airplane/views/dist/components/errorBoundary/ErrorFallback.js

A React library for building Airplane views. Views components are optimized in style and functionality to produce internal apps that are easy to build and maintain.

import { jsx } from "react/jsx-runtime";
import { useState } from "react";
import { DialogComponent } from "../dialog/Dialog.js";
import { HeadingComponent } from "../heading/Heading.js";
import { getIsLocalDev } from "../../getIsLocalDev.js";
import { useToggleModal } from "../../message/useToggleModal.js";
import { useStyles } from "./ErrorModal.styles.js";
import { ErrorStackTrace } from "./ErrorStackTrace.js";
const ErrorFallback = ({
  error,
  errorInfo,
  errorID
}) => {
  const isLocalDev = getIsLocalDev();
  const [opened, setOpened] = useState(isLocalDev);
  useToggleModal(setOpened, errorID);
  const {
    classes
  } = useStyles();
  return /* @__PURE__ */ jsx(DialogComponent, { opened, onClose: () => setOpened(false), title: /* @__PURE__ */ jsx(HeadingComponent, { level: 4, className: classes.title, children: "Something went wrong" }), size: "100%", classNames: {
    modal: classes.modal
  }, trapFocus: false, children: /* @__PURE__ */ jsx(ErrorStackTrace, { error, errorInfo }) });
};
export {
  ErrorFallback
};
//# sourceMappingURL=ErrorFallback.js.map