restructure scm-ui and use ui-components and ui-types

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

@@ -0,0 +1,45 @@
+//@flow
+import React from "react";
+import { translate } from "react-i18next";
+import PrimaryNavigationLink from "./PrimaryNavigationLink";
+
+type Props = {
+  t: string => string
+};
+
+class PrimaryNavigation extends React.Component<Props> {
+  render() {
+    const { t } = this.props;
+    return (
+      <nav className="tabs is-boxed">
+        <ul>
+          <PrimaryNavigationLink
+            to="/repos"
+            match="/(repo|repos)"
+            label={t("primary-navigation.repositories")}
+          />
+          <PrimaryNavigationLink
+            to="/users"
+            match="/(user|users)"
+            label={t("primary-navigation.users")}
+          />
+          <PrimaryNavigationLink
+            to="/groups"
+            match="/(group|groups)"
+            label={t("primary-navigation.groups")}
+          />
+          <PrimaryNavigationLink
+            to="/config"
+            label={t("primary-navigation.config")}
+          />
+          <PrimaryNavigationLink
+            to="/logout"
+            label={t("primary-navigation.logout")}
+          />
+        </ul>
+      </nav>
+    );
+  }
+}
+
+export default translate("commons")(PrimaryNavigation);