diff --git a/pkg/ui/src/index.tsx b/pkg/ui/src/index.tsx index 8ece84c0a458..5e7eba399aff 100644 --- a/pkg/ui/src/index.tsx +++ b/pkg/ui/src/index.tsx @@ -17,7 +17,7 @@ protobuf.configure(); import React from "react"; import * as ReactDOM from "react-dom"; import { Provider } from "react-redux"; -import { Router, Route, IndexRoute, IndexRedirect } from "react-router"; +import { Router, Route, IndexRoute, IndexRedirect, Redirect } from "react-router"; import { tableNameAttr, databaseNameAttr, nodeIDAttr, dashboardNameAttr, rangeIDAttr, @@ -71,36 +71,70 @@ ReactDOM.render( + + { /* overview page */ } - + - - - - - - - - - + + { /* time series metrics */ } + + + + + + + + - + + { /* node details */ } + + + + + + + + + + + + { /* events & jobs */ } + + + + { /* databases */ } - + - + + + + + + + + + + + + { /* debug pages */ } + - @@ -112,7 +146,32 @@ ReactDOM.render( + + { /* old route redirects */ } + + + + + + + + + + + + + + + { /* temporary clusterviz location */ } { visualizationRoutes() } + + { /* 404 */ } diff --git a/pkg/ui/src/redux/analytics.ts b/pkg/ui/src/redux/analytics.ts index f3ae538f7e2f..50fff10b4c70 100644 --- a/pkg/ui/src/redux/analytics.ts +++ b/pkg/ui/src/redux/analytics.ts @@ -21,6 +21,11 @@ const defaultRedactions = [ match: new RegExp("/databases/database/.*/table/.*"), replace: "/databases/database/[db]/table/[tbl]", }, + // The new URL for a database page. + { + match: new RegExp("/database/.*/table/.*"), + replace: "/database/[db]/table/[tbl]", + }, ]; /** diff --git a/pkg/ui/src/views/app/components/layoutSidebar/index.tsx b/pkg/ui/src/views/app/components/layoutSidebar/index.tsx index 35d92da9a2fe..defcaa6860af 100644 --- a/pkg/ui/src/views/app/components/layoutSidebar/index.tsx +++ b/pkg/ui/src/views/app/components/layoutSidebar/index.tsx @@ -50,7 +50,7 @@ export default class extends React.Component<{}, {}> { return