@skbkontur/db-viewer-ui
Version:
Database Viewer with custom configuration
19 lines • 2.77 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.ObjectNotFoundPage = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const react_ui_1 = require("@skbkontur/react-ui");
const react_1 = tslib_1.__importDefault(require("react"));
const react_router_1 = require("react-router");
const RouteUtils_1 = require("../../Domain/Utils/RouteUtils");
const CommonLayout_1 = require("../Layouts/CommonLayout");
const Clouds_1 = require("./Clouds");
const ObjectNotFoundPage_styles_1 = require("./ObjectNotFoundPage.styles");
const ObjectNotFoundPage = () => {
const theme = react_1.default.useContext(react_ui_1.ThemeContext);
const { pathname } = (0, react_router_1.useLocation)();
return ((0, jsx_runtime_1.jsxs)("div", { style: { backgroundColor: theme.bgDefault }, children: [(0, jsx_runtime_1.jsxs)(CommonLayout_1.CommonLayout, { "data-tid": "ObjectNotFoundPage", style: { display: "block", height: "initial" }, withArrow: true, children: [(0, jsx_runtime_1.jsx)(CommonLayout_1.CommonLayout.GoBack, { to: RouteUtils_1.RouteUtils.backUrl(pathname) }), (0, jsx_runtime_1.jsxs)(CommonLayout_1.CommonLayout.Content, { className: ObjectNotFoundPage_styles_1.jsStyles.content(), children: [(0, jsx_runtime_1.jsxs)("h2", { className: ObjectNotFoundPage_styles_1.jsStyles.headerTitle(), "data-tid": "Header", children: ["\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0430 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u0430", (0, jsx_runtime_1.jsx)("span", { className: ObjectNotFoundPage_styles_1.jsStyles.headerCode(theme), children: " 404" })] }), (0, jsx_runtime_1.jsx)("div", { className: ObjectNotFoundPage_styles_1.jsStyles.message(), children: "\u0412 \u0430\u0434\u0440\u0435\u0441\u0435 \u0435\u0441\u0442\u044C \u043E\u0448\u0438\u0431\u043A\u0430 \u0438\u043B\u0438 \u043E\u0431\u044A\u0435\u043A\u0442 \u0431\u044B\u043B \u0443\u0434\u0430\u043B\u0435\u043D." })] })] }), (0, jsx_runtime_1.jsxs)("svg", { width: "100%", height: "500", fill: "#000", children: [(0, jsx_runtime_1.jsx)("svg", { id: "far", width: "5540", height: "667", y: -100, viewBox: "0 0 5540 567", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)(Clouds_1.CloudsFar, {}) }), (0, jsx_runtime_1.jsx)("svg", { id: "med", width: "5540", height: "667", y: 50, viewBox: "0 0 5540 567", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)(Clouds_1.CloudsMed, {}) }), (0, jsx_runtime_1.jsx)("svg", { id: "near", width: "5540", height: "667", y: -125, viewBox: "0 0 5540 567", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)(Clouds_1.CloudsNear, {}) })] })] }));
};
exports.ObjectNotFoundPage = ObjectNotFoundPage;
//# sourceMappingURL=ObjectNotFoundPage.js.map