added first routing and mock for groups page

scm-ui/public/locales/en/commons.json

@@ -31,7 +31,8 @@
   "primary-navigation": {
     "repositories": "Repositories",
     "users": "Users",
-    "logout": "Logout"
+    "logout": "Logout",
+    "groups": "Groups"
   },
   "paginator": {
     "next": "Next",

scm-ui/src/components/navigation/PrimaryNavigation.js

@@ -23,6 +23,11 @@ class PrimaryNavigation extends React.Component<Props> {
             match="/(user|users)"
             label={t("primary-navigation.users")}
           />
+          <PrimaryNavigationLink
+            to="/groups"
+            match="/(group|groups)"
+            label={t("primary-navigation.groups")}
+          />
           <PrimaryNavigationLink
             to="/logout"
             label={t("primary-navigation.logout")}

scm-ui/src/containers/Main.js

@@ -13,6 +13,8 @@ import ProtectedRoute from "../components/ProtectedRoute";
 import AddUser from "../users/containers/AddUser";
 import SingleUser from "../users/containers/SingleUser";
 
+import Groups from "../groups/containers/Groups";
+
 type Props = {
   authenticated?: boolean
 };
@@ -53,6 +55,12 @@ class Main extends React.Component<Props> {
             path="/user/:name"
             component={SingleUser}
           />
+          <ProtectedRoute
+            exact
+            path="/groups"
+            component={Groups}
+            authenticated={authenticated}
+          />
         </Switch>
       </div>
     );

scm-ui/src/groups/containers/Groups.js

@@ -0,0 +1,21 @@
+// @flow
+import React from "react";
+import type { History } from "history";
+import { connect } from "react-redux";
+import { translate } from "react-i18next";
+
+type Props = {
+};
+
+
+class Groups extends React.Component<Props> {
+
+
+  render() {
+    return (
+      "Groups will be displayed here!"
+    );
+  }
+};
+
+export default Groups;