improve route menu link names

Author: ShMcK

lib/components/AppMenu/menuRightRouteOptions.js

@@ -1,13 +1,18 @@
 "use strict";
 var React = require('react');
 var MenuLink_1 = require('./MenuLink');
-var routes = [
-    'tutorialConfig',
-    'tutorialInfo',
-    'page'
-];
+var routes = [{
+        route: 'tutorialConfig',
+        name: 'config'
+    }, {
+        route: 'tutorialInfo',
+        name: 'info'
+    }, {
+        route: 'page',
+        name: 'edit'
+    }];
 function menuRightRouteOptions(route) {
-    return routes.filter(function (r) { return route !== r; }).map(function (r) { return React.createElement(MenuLink_1.default, {route: r}); });
+    return routes.filter(function (r) { return route !== r.route; }).map(function (r) { return (React.createElement(MenuLink_1.default, {route: r.route, title: r.name})); });
 }
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = menuRightRouteOptions;

src/components/AppMenu/menuRightRouteOptions.tsx

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