Add quadrant overview pages

js/components/Router.js

@@ -2,23 +2,28 @@ import React from 'react';
 import PageIndex from './PageIndex';
 import PageOverview from './PageOverview';
 import PageHelp from './PageHelp';
+import PageQuadrant from './PageQuadrant';
+import { quadrants } from '../../common/config';
 
-export default function Router({ pageName, ...props}) {
-  let Comp;
-  switch (pageName) {
-    case 'index':
-      Comp = PageIndex;
-      break;
-    case 'overview':
-      Comp = PageOverview;
-      break;
-    case 'help':
-      Comp = PageHelp;
-      break;
-    default:
-      Comp = 'div';
-      break;
+
+const getPageByName = (pageName) => {
+  if (pageName === 'index') {
+    return PageIndex;
+  }
+  if (pageName === 'overview') {
+    return PageOverview;
+  }
+  if (pageName === 'help') {
+    return PageHelp;
+  }
+  if (quadrants.includes(pageName)) {
+    return PageQuadrant;
   }
 
-  return <Comp {...props} />;
+  return 'div';
+}
+
+export default function Router({ pageName, ...props}) {
+  const Comp = getPageByName(pageName);
+  return <Comp {...props} pageName={pageName} />;
 }