Integrate dynamic routing via UmiJS

config/router.config.js

@@ -1,92 +1,78 @@
 module.exports = [
   {
     path: '/auth',
-    name: 'auth',
     component: '../components/AuthLayout',
   },
   {
     path: '/login',
-    name: 'login',
-    component: './LoginHandler',
+    component: 'LoginHandler',
   },
   {
     path: '/signup',
-    name: 'signup',
-    component: './SignupHandler',
+    component: 'SignupHandler',
   },
   {
     path: '/password',
-    name: 'password',
-    component: './PasswordHandler',
+    component: 'PasswordHandler',
   },
   {
     path: '/share/:id',
-    name: 'share',
-    component: './SessionPlaceholder',
+    component: 'SessionPlaceholder',
   },
   {
     path: '/',
     component: '../layouts/BasicLayout',
     routes: [
       {
         path: '/',
-        name: 'dashboard',
-        icon: 'dashboard',
-        component: './Controllers',
+        component: 'Controllers',
       },
       {
-        path: '/results',
-        name: 'results',
-        component: './Results',
+        path: '/controllers',
+        component: 'Controllers',
       },
       {
-        path: '/summary',
-        name: 'summary',
-        component: './Summary',
+        path: '/controllers/:controller',
+        component: 'Results',
       },
       {
-        path: '/comparison-select',
-        name: 'comparison-select',
-        component: './ComparisonSelect',
+        path: '/controllers/:controller/:result/summary',
+        component: 'Summary',
+      },
+      {
+        path: '/comparison-select/',
+        component: 'ComparisonSelect',
       },
       {
         path: '/comparison',
-        name: 'comparison',
-        component: './RunComparison',
+        component: 'RunComparison',
       },
       {
         path: '/search',
-        name: 'search',
-        component: './Search',
+        component: 'Search',
       },
       {
         path: '/sessions',
-        name: 'sessions',
-        component: './Sessions',
+        component: 'Sessions',
       },
       {
         path: '/overview',
-        name: 'overview',
-        component: './Overview',
+        component: 'Overview',
       },
       {
         path: '/profile',
-        name: 'profile',
-        component: './Profile',
+        component: 'Profile',
       },
       {
         path: '/exception/403',
-        name: 'exception-403',
         component: './Exception/403',
       },
       {
         path: '/exception/404',
-        name: 'exception-404',
         component: './Exception/404',
       },
       {
         path: '/exception/500',
-        name: 'exception-500',
         component: './Exception/500',
       },
     ],

package.json

@@ -45,9 +45,7 @@
     "jschart": "^1.0.7",
     "lodash": "^4.17.20",
     "match-sorter": "^6.3.0",
-    "memoize-one": "^5.0.0",
     "moment": "^2.24.0",
-    "path-to-regexp": "^2.1.0",
     "prop-types": "^15.5.10",
     "react": "^16.8.0",
     "react-copy-to-clipboard": "^5.0.2",

src/common/menu.js

@@ -2,30 +2,8 @@ import { isUrl } from '../utils/utils';
 
 const menuData = [
   {
-    name: 'Dashboard',
+    name: 'Controllers',
     path: '/',
-    routes: [
-      {
-        name: 'Results',
-        path: '/results',
-        routes: [
-          {
-            name: 'Summary',
-            path: '/summary',
-          },
-          {
-            name: 'Comparison Select',
-            path: '/comparison-select',
-            routes: [
-              {
-                name: 'Comparison',
-                path: '/comparison',
-              },
-            ],
-          },
-        ],
-      },
-    ],
   },
   {
     name: 'Search',