added global navigation

scm-ui/src/config/containers/Config.js

@@ -1,9 +1,53 @@
-import React, { Component } from "react";
+import React from "react";
+import { translate } from "react-i18next";
+import { Route } from "react-router";
+
+import { Page } from "../../components/layout";
+import { Navigation, NavLink, Section } from "../../components/navigation";
+import GlobalConfig from "./GlobalConfig";
+import type { History } from "history";
+
+type Props = {
+  // context objects
+  t: string => string,
+  match: any,
+  history: History
+};
+
+class Config extends React.Component<Props> {
+  stripEndingSlash = (url: string) => {
+    if (url.endsWith("/")) {
+      return url.substring(0, url.length - 2);
+    }
+    return url;
+  };
+
+  matchedUrl = () => {
+    return this.stripEndingSlash(this.props.match.url);
+  };
 
-class Config extends Component {
   render() {
-    return <div>Here, Config will be shown</div>;
+    const { t } = this.props;
+
+    const url = this.matchedUrl();
+
+    return (
+      <Page title={t("config.title")}>
+        <div className="columns">
+          <div className="column is-three-quarters">
+            <Route path={url} exact component={() => <GlobalConfig />} />
+          </div>
+          <div className="column">
+            <Navigation>
+              <Section label={t("config.navigation-title")}>
+                <NavLink to={`${url}`} label={t("config.globalConfig-label")} />
+              </Section>
+            </Navigation>
+          </div>
+        </div>
+      </Page>
+    );
   }
 }
 
-export default Config;
+export default translate("config")(Config);