v3 UI

frontend/src/Components/Router/Switch.js

@@ -0,0 +1,44 @@
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import { Switch as RouterSwitch } from 'react-router-dom';
+import getPathWithUrlBase from 'Utilities/getPathWithUrlBase';
+import { map } from 'Helpers/elementChildren';
+
+class Switch extends Component {
+
+  //
+  // Render
+
+  render() {
+    const {
+      children
+    } = this.props;
+
+    return (
+      <RouterSwitch>
+        {
+          map(children, (child) => {
+            const {
+              path: childPath,
+              addUrlBase = true
+            } = child.props;
+
+            if (!childPath) {
+              return child;
+            }
+
+            const path = addUrlBase ? getPathWithUrlBase(childPath) : childPath;
+
+            return React.cloneElement(child, { path });
+          })
+        }
+      </RouterSwitch>
+    );
+  }
+}
+
+Switch.propTypes = {
+  children: PropTypes.node.isRequired
+};
+
+export default Switch;