@skbkontur/db-viewer-ui/Components/ErrorHandling/ErrorModal.js

Database Viewer with custom configuration

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ErrorModal = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const edi_ui_1 = require("@skbkontur/edi-ui");
const react_ui_1 = require("@skbkontur/react-ui");
const react_1 = tslib_1.__importDefault(require("react"));
const ErrorHandlingContainer_styles_1 = require("./ErrorHandlingContainer.styles");
const StackTrace_1 = require("./StackTrace");
const ErrorModal = ({ canClose, onClose, stack, serverStack, message }) => {
    const theme = react_1.default.useContext(react_ui_1.ThemeContext);
    const copyData = (stack) => {
        if (stack) {
            edi_ui_1.CopyToClipboardToast.copyText(stack);
        }
    };
    const handleCopyStack = () => {
        copyData(stack);
    };
    const handleCopyServerStack = () => {
        copyData(serverStack);
    };
    return ((0, jsx_runtime_1.jsxs)(react_ui_1.Modal, { "data-tid": "ErrorHandlingContainerModal", onClose: canClose ? onClose : undefined, noClose: !canClose, children: [(0, jsx_runtime_1.jsx)(react_ui_1.Modal.Header, { "data-tid": "Header", children: (0, jsx_runtime_1.jsx)("span", { className: ErrorHandlingContainer_styles_1.jsStyles.modalHeader(theme), children: "\u041F\u0440\u043E\u0438\u0437\u043E\u0448\u043B\u0430 \u043D\u0435\u043F\u0440\u0435\u0434\u0432\u0438\u0434\u0435\u043D\u043D\u0430\u044F \u043E\u0448\u0438\u0431\u043A\u0430" }) }), (0, jsx_runtime_1.jsx)(react_ui_1.Modal.Body, { children: (0, jsx_runtime_1.jsxs)("div", { className: ErrorHandlingContainer_styles_1.jsStyles.modalBody(theme), children: [(0, jsx_runtime_1.jsx)("p", { className: ErrorHandlingContainer_styles_1.jsStyles.userMessage(), "data-tid": "CallToActionInErrorMessage", children: "\u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C \u0437\u0430\u043F\u0440\u043E\u0441 \u0438\u043B\u0438 \u043E\u0431\u043D\u043E\u0432\u0438\u0442\u044C \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443 \u0447\u0435\u0440\u0435\u0437 \u043D\u0435\u043A\u043E\u0442\u043E\u0440\u043E\u0435 \u0432\u0440\u0435\u043C\u044F" }), (0, jsx_runtime_1.jsx)("hr", {}), (0, jsx_runtime_1.jsx)("p", { className: ErrorHandlingContainer_styles_1.jsStyles.errorMessageWrap(), "data-tid": "ErrorMessage", children: message }), (0, jsx_runtime_1.jsxs)("div", { className: ErrorHandlingContainer_styles_1.jsStyles.stackTraces(), children: [stack && (0, jsx_runtime_1.jsx)(StackTrace_1.StackTrace, { caption: "Client stack trace", trace: stack, onCopy: handleCopyStack }), serverStack && ((0, jsx_runtime_1.jsx)(StackTrace_1.StackTrace, { caption: "Server stack trace", trace: serverStack, onCopy: handleCopyServerStack }))] })] }) }), canClose && ((0, jsx_runtime_1.jsx)(react_ui_1.Modal.Footer, { panel: true, children: (0, jsx_runtime_1.jsx)(react_ui_1.Button, { onClick: onClose, size: "medium", "data-tid": "CloseButton", children: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" }) }))] }));
};
exports.ErrorModal = ErrorModal;
//# sourceMappingURL=ErrorModal.js.map