load app menu routes

Author: ShMcK

lib/components/AppMenu/menuRightRouteOptions.js

@@ -1,16 +1,13 @@
 "use strict";
 var React = require('react');
 var MenuLink_1 = require('./MenuLink');
+var routes = [
+    'tutorialConfig',
+    'tutorialInfo',
+    'page'
+];
 function menuRightRouteOptions(route) {
-    switch (route) {
-        case 'final':
-        case 'page':
-        case 'progress':
-            return React.createElement(MenuLink_1.default, {route: 'tutorials'});
-        default:
-            return null;
-    }
-    ;
+    return routes.filter(function (r) { return route !== r; }).map(function (r) { return React.createElement(MenuLink_1.default, {route: r}); });
 }
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = menuRightRouteOptions;

lib/components/root.js

@@ -5,7 +5,7 @@ var Root = {
     root: null,
     init: function () {
         _this.root = document.createElement('div');
-        _this.root.setAttribute('id', 'crv');
+        _this.root.setAttribute('id', 'crb');
         return _this.root;
     },
     unmount: function () {

lib/store.js

@@ -4,7 +4,7 @@ var reducers_1 = require('./reducers');
 var createLogger = require('redux-logger');
 var redux_thunk_1 = require('redux-thunk');
 var middlewares = [redux_thunk_1.default];
-var devMode = true;
+var devMode = false;
 if (devMode) {
     var logger = createLogger();
     middlewares.push(logger);

src/components/AppMenu/menuRightRouteOptions.tsx

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import MenuLink from './MenuLink';
 
+const routes = [
+  'tutorialConfig',
+  'tutorialInfo',
+  'page'
+];
+
+// return all routes in list except route provided
 export default function menuRightRouteOptions(route: string) {
-  switch (route) {
-    case 'final':
-    case 'page':
-    case 'progress':
-      return <MenuLink route='tutorials' />;
-    default:
-      return null;
-  };
+  return routes.filter(r => route !== r).map(r => <MenuLink route={r} />);
 }

src/components/root.ts

@@ -4,7 +4,7 @@ const Root = {
   root: null,
   init: (): HTMLElement => {
     this.root = document.createElement('div');
-    this.root.setAttribute('id', 'crv');
+    this.root.setAttribute('id', 'crb');
     return this.root;
   },
   unmount: () => {

src/components/styles/index.less

@@ -1,7 +1,7 @@
 @import 'ui-variables';
 @import '../AppMenu/_app-menu';
 
-#crv {
+#crb {
   position: relative;
   overflow-y: scroll;
   font-size: @input-font-size;

tsconfig.json

@@ -85,7 +85,6 @@
         "src/components/Start/Checks/VerifyButton.tsx",
         "src/components/Start/index.tsx",
         "src/components/Start/Welcome/index.tsx",
-        "src/components/TopPanel/pageTabs.tsx",
         "src/components/TopPanel/render.tsx",
         "src/components/TopPanel/TopApp.tsx",
         "src/components/TopPanel/TopPanel.tsx",