@skbkontur/db-viewer-ui
Version:
Database Viewer with custom configuration
16 lines • 1.64 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.StackTrace = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const CopyIcon16Light_1 = require("@skbkontur/icons/icons/CopyIcon/CopyIcon16Light");
const react_stack_layout_1 = require("@skbkontur/react-stack-layout");
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 = ({ caption, trace, onCopy }) => {
const theme = react_1.default.useContext(react_ui_1.ThemeContext);
return ((0, jsx_runtime_1.jsxs)("section", { children: [(0, jsx_runtime_1.jsxs)(react_stack_layout_1.RowStack, { baseline: true, block: true, gap: 2, children: [(0, jsx_runtime_1.jsx)(react_stack_layout_1.Fit, { children: (0, jsx_runtime_1.jsx)("h4", { className: ErrorHandlingContainer_styles_1.jsStyles.header(), children: caption }) }), (0, jsx_runtime_1.jsx)(react_stack_layout_1.Fit, { children: (0, jsx_runtime_1.jsx)(react_ui_1.Link, { icon: (0, jsx_runtime_1.jsx)(CopyIcon16Light_1.CopyIcon16Light, {}), onClick: onCopy, children: "\u0421\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C" }) })] }), (0, jsx_runtime_1.jsx)("div", { className: ErrorHandlingContainer_styles_1.jsStyles.stackTraceContainer(), children: (0, jsx_runtime_1.jsx)("pre", { "data-tid": "ClientErrorStack", className: ErrorHandlingContainer_styles_1.jsStyles.stackTrace(theme), children: trace }) })] }));
};
exports.StackTrace = StackTrace;
//# sourceMappingURL=StackTrace.js.map