mirror of
https://github.com/getredash/redash.git
synced 2026-03-22 10:00:17 -04:00
a682265e13
* Migrate router and <app-view> to React: skeleton * Update layout on route change * Start moving page routes from angular to react * Move page routes to react except of public dashboard and visualization embed) * Move public dashboard and visualization embed routes to React * Replace $route/$routeParams usages * Some cleanup * Replace AngularJS $location service with implementation based on history library * Minor fix to how ApplicationView handles route change * Explicitly use global layout for each page instead of handling related stuff in ApplicationArea component * Error handling * Remove AngularJS and related dependencies * Move Parameter factory method to a separate file * Fix CSS (replace custom components with classes) * Fix: keep other url parts when updating location partially; refine code * Fix tests * Make router work in multi-org mode (respect <base> tag) * Optimzation: don't resolve route if path didn't change * Fix search input in header; error handling improvement (handle more errors in pages; global error handler for unhandled errors; dialog dismiss 'unhandled rejection' errors) * Fix page keys; fix navigateTo calls (third parameter not available) * Use relative links * Router: ignore location REPLACE events, resolve only on PUSH/POP * Fix tests * Remove unused jQuery reference * Show error from backend when creating Destination * Remove route.resolve where not necessary (used constant values) * New Query page: keep state on saving, reload when creating another new query * Use currentRoute.key instead of hard-coded keys for page components * Tidy up Router * Tidy up location service * Fix tests * Don't add parameters changes to browser's history * Fix test (improved fix) Co-authored-by: Gabriel Dutra <nesk.frz@gmail.com>
39 lines
1.2 KiB
JavaScript
39 lines
1.2 KiB
JavaScript
import React from "react";
|
|
import PropTypes from "prop-types";
|
|
import Tabs from "antd/lib/tabs";
|
|
import PageHeader from "@/components/PageHeader";
|
|
|
|
import "./layout.less";
|
|
|
|
export default function Layout({ activeTab, children }) {
|
|
return (
|
|
<div className="container admin-page-layout">
|
|
<PageHeader title="Admin" />
|
|
|
|
<div className="bg-white tiled">
|
|
<Tabs className="admin-page-layout-tabs" defaultActiveKey={activeTab} animated={false} tabBarGutter={0}>
|
|
<Tabs.TabPane key="system_status" tab={<a href="admin/status">System Status</a>}>
|
|
{activeTab === "system_status" ? children : null}
|
|
</Tabs.TabPane>
|
|
<Tabs.TabPane key="jobs" tab={<a href="admin/queries/jobs">RQ Status</a>}>
|
|
{activeTab === "jobs" ? children : null}
|
|
</Tabs.TabPane>
|
|
<Tabs.TabPane key="outdated_queries" tab={<a href="admin/queries/outdated">Outdated Queries</a>}>
|
|
{activeTab === "outdated_queries" ? children : null}
|
|
</Tabs.TabPane>
|
|
</Tabs>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
Layout.propTypes = {
|
|
activeTab: PropTypes.string,
|
|
children: PropTypes.node,
|
|
};
|
|
|
|
Layout.defaultProps = {
|
|
activeTab: "system_status",
|
|
children: null,
|
|
};
|