mirror of
https://github.com/getredash/redash.git
synced 2025-12-25 01:03:20 -05: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>
43 lines
1.3 KiB
JavaScript
43 lines
1.3 KiB
JavaScript
import React from "react";
|
|
import Menu from "antd/lib/menu";
|
|
import PageHeader from "@/components/PageHeader";
|
|
import location from "@/services/location";
|
|
import settingsMenu from "@/services/settingsMenu";
|
|
|
|
function wrapSettingsTab(options, WrappedComponent) {
|
|
if (options) {
|
|
settingsMenu.add(options);
|
|
}
|
|
|
|
return function SettingsTab(props) {
|
|
const activeItem = settingsMenu.getActiveItem(location.path);
|
|
return (
|
|
<div className="settings-screen">
|
|
<div className="container">
|
|
<PageHeader title="Settings" />
|
|
<div className="bg-white tiled">
|
|
<Menu selectedKeys={[activeItem && activeItem.title]} selectable={false} mode="horizontal">
|
|
{settingsMenu.items
|
|
.filter(item => item.isAvailable())
|
|
.map(item => (
|
|
<Menu.Item key={item.title}>
|
|
<a href={item.path} data-test="SettingsScreenItem">
|
|
{item.title}
|
|
</a>
|
|
</Menu.Item>
|
|
))}
|
|
</Menu>
|
|
<div className="p-15">
|
|
<div>
|
|
<WrappedComponent {...props} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
}
|
|
|
|
export default wrapSettingsTab;
|