@skbkontur/db-viewer-ui
Version:
Database Viewer with custom configuration
17 lines • 1.65 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.StackTrace = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const IconCopyLight16_1 = require("@skbkontur/icons/IconCopyLight16");
const react_stack_layout_1 = require("@skbkontur/react-stack-layout");
const react_ui_1 = require("@skbkontur/react-ui");
const renderEnvironment_1 = require("@skbkontur/react-ui/lib/renderEnvironment");
const react_1 = require("react");
const ErrorHandlingContainer_styles_1 = require("./ErrorHandlingContainer.styles");
const StackTrace = ({ caption, trace, onCopy }) => {
const jsStyles = (0, renderEnvironment_1.useStyles)(ErrorHandlingContainer_styles_1.getStyles);
const theme = (0, react_1.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: 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)(IconCopyLight16_1.IconCopyLight16, {}), onClick: onCopy, children: "\u0421\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C" }) })] }), (0, jsx_runtime_1.jsx)("div", { className: jsStyles.stackTraceContainer(), children: (0, jsx_runtime_1.jsx)("pre", { "data-tid": "ClientErrorStack", className: jsStyles.stackTrace(theme), children: trace }) })] }));
};
exports.StackTrace = StackTrace;
//# sourceMappingURL=StackTrace.js.map