opendash
Version:
open.DASH data visualization framework
25 lines • 1.77 kB
JavaScript
import * as React from "react";
import { Icon as LegacyIcon } from "@ant-design/compatible";
import { Layout, Menu } from "antd";
import { useTranslation, useNavigation, Boundary } from "..";
// import { Breadcrumb } from "..";
import { useNavigate } from "react-router-dom";
export var AdminLayout = function (_a) {
var children = _a.children;
var t = useTranslation(["openware", "opendash"])[0];
var navigate = useNavigate();
var _b = useNavigation("sidebar"), groups = _b[0], activeItems = _b[2];
return (React.createElement("div", { style: { padding: "50px" } },
React.createElement(Layout, { style: { padding: "24px 0", background: "#fff" } },
React.createElement(Layout.Sider, { width: 200, style: { background: "#fff" } },
React.createElement(Menu, { mode: "inline", selectedKeys: activeItems, defaultOpenKeys: groups.map(function (group) { return group.id; }), style: { height: "100%" } }, groups.map(function (group) { return (React.createElement(Menu.SubMenu, { key: group.id, title: React.createElement("span", null,
group.icon && React.createElement(LegacyIcon, { type: group.icon }),
" ",
group.label) }, group.children.map(function (route) { return (React.createElement(Menu.Item, { key: route.id, onClick: function (e) { return navigate(route.link); } },
route.icon && React.createElement(LegacyIcon, { type: route.icon }),
" ",
route.label)); }))); }))),
React.createElement(Layout.Content, { style: { padding: "0 24px" } },
React.createElement(Boundary, null, children)))));
};
//# sourceMappingURL=AdminLayout.js.map