Added basic temp routes and components for devconsole

frontend/public/components/app.jsx

@@ -38,6 +38,7 @@ const breakpointMD = 768;
 
 // Edge lacks URLSearchParams
 import 'url-search-params-polyfill';
+import DevConsoleRoutes from '../extend/devconsole/DevConsoleRoutes';
 
 // React Router's proptypes are incorrect. See https://github.com/ReactTraining/react-router/pull/5393
 Route.propTypes.path = PropTypes.oneOfType([
@@ -275,7 +276,7 @@ class App extends React.PureComponent {
 
  <Route path="/k8s/all-namespaces/:plural" exact component={ResourceListPage} />
  <Route path="/k8s/all-namespaces/:plural/:name" component={ResourceDetailsPage} />
-
+ <DevConsoleRoutes />
  <LazyRoute path="/error" exact loader={() => import('./error' /* webpackChunkName: "error" */).then(m => m.ErrorPage)} />
  <Route path="/" exact component={DefaultPage} />
 

frontend/public/extend/devconsole/DevConsoleRoutes.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { Route, Switch } from 'react-router';
+import App from './app';
+import ImportApp from './pages/ImportApp';
+import TopologyView from './pages/TopologyView';
+import Codebases from './pages/Codebases';
+
+
+const DevConsoleRoutes: React.SFC = () => (
+ <Switch>
+ <Route path='/devconsole/import' component={ImportApp} />
+ <Route path='/devconsole/codebases' component={Codebases} />
+ <Route path='/devconsole/topology' component={TopologyView} />
+ <Route path='/devconsole' component={App} />
+ </Switch>
+);
+
+export default DevConsoleRoutes;

frontend/public/extend/devconsole/app.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+
+export default class App extends React.PureComponent {
+ render() {
+ return <h1>This is Dev Console.</h1>
+ }
+}

frontend/public/extend/devconsole/pages/Codebases.tsx

@@ -0,0 +1,7 @@
+import * as React from 'react';
+
+const Codebases: React.SFC = () => (
+ <h1>This is Codebase Component.</h1>
+)
+
+export default Codebases;

frontend/public/extend/devconsole/pages/ImportApp.tsx

@@ -0,0 +1,7 @@
+import * as React from 'react';
+
+const ImportApp: React.SFC = () => (
+ <h1>This is Import App Flow Component.</h1>
+)
+
+export default ImportApp;

frontend/public/extend/devconsole/pages/TopologyView.tsx

@@ -0,0 +1,7 @@
+import * as React from 'react';
+
+const TopologyView: React.SFC = () => (
+ <h1>This is App Topology View.</h1>
+)
+
+export default TopologyView;