@skbkontur/cassandra-distributed-task-queue-ui/components/TaskNotFoundPage/TaskNotFoundPage.js

.NET library implementing distributed task queue machinery using Apache Cassandra

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.TaskNotFoundPage = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_ui_1 = require("@skbkontur/react-ui");
const react_1 = require("react");
const react_router_dom_1 = require("react-router-dom");
const RouteUtils_1 = require("../../Domain/Utils/RouteUtils");
const CommonLayout_1 = require("../Layouts/CommonLayout");
const Clouds_1 = require("./Clouds");
const TaskNotFoundPage_styles_1 = require("./TaskNotFoundPage.styles");
const TaskNotFoundPage = () => {
    const { pathname } = (0, react_router_dom_1.useLocation)();
    const theme = (0, react_1.useContext)(react_ui_1.ThemeContext);
    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: TaskNotFoundPage_styles_1.jsStyles.content(), children: [(0, jsx_runtime_1.jsxs)("h2", { className: TaskNotFoundPage_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: TaskNotFoundPage_styles_1.jsStyles.headerCode(theme), children: " 404" })] }), (0, jsx_runtime_1.jsx)("div", { className: TaskNotFoundPage_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 \u0437\u0430\u0434\u0430\u0447\u0430 \u0431\u044B\u043B\u0430 \u0443\u0434\u0430\u043B\u0435\u043D\u0430." })] })] }), (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.TaskNotFoundPage = TaskNotFoundPage;
//# sourceMappingURL=TaskNotFoundPage.js.map