Files
redash/client/app/components/admin/Layout.jsx
Levko Kravets 681b2f1abd Introduce Link component (#5122)
* Introduce Link component

* Use Link component for external links as well

* Remove unused file (I hope it's really not needed)

* Use Link component in visualizations library

* Simplify Link component implementation

* CR1

* Trigger build

* CR2
2020-08-30 15:33:38 +03:00

42 lines
1.1 KiB
JavaScript

import React from "react";
import PropTypes from "prop-types";
import Menu from "antd/lib/menu";
import PageHeader from "@/components/PageHeader";
import Link from "@/components/Link";
import "./layout.less";
export default function Layout({ activeTab, children }) {
return (
<div className="admin-page-layout">
<div className="container">
<PageHeader title="Admin" />
<div className="bg-white tiled">
<Menu selectedKeys={[activeTab]} selectable={false} mode="horizontal">
<Menu.Item key="system_status">
<Link href="admin/status">System Status</Link>
</Menu.Item>
<Menu.Item key="jobs">
<Link href="admin/queries/jobs">RQ Status</Link>
</Menu.Item>
<Menu.Item key="outdated_queries">
<Link href="admin/queries/outdated">Outdated Queries</Link>
</Menu.Item>
</Menu>
{children}
</div>
</div>
</div>
);
}
Layout.propTypes = {
activeTab: PropTypes.string,
children: PropTypes.node,
};
Layout.defaultProps = {
activeTab: "system_status",
children: null,
};