Bootstrapped AddGroup and GroupForm

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

@@ -0,0 +1,24 @@
+//@flow
+import React from 'react';
+
+import Page from "../../components/layout/Page"
+import { translate } from "react-i18next";
+import GroupForm from '../../users/containers/GroupForm';
+
+export interface Props {
+  t: string => string
+}
+
+export interface State {
+}
+
+class AddGroup extends React.Component<Props, State> {
+
+  render() {
+    const { t } = this.props;
+    return <Page title={t("add-group.title")} subtitle={t("add-group.subtitle")}><div><GroupForm /></div></Page>
+  }
+
+}
+
+export default translate("groups")(AddGroup);

scm-ui/src/users/containers/GroupForm.js

@@ -0,0 +1,23 @@
+//@flow
+import React from 'react';
+
+import InputField from "../../components/forms/InputField"
+export interface Props {
+}
+
+export interface State {
+}
+
+class GroupForm extends React.Component<Props, State> {
+
+  render() {
+    return (
+      <form>
+      <InputField label="Name" errorMessage="" onChange={()=>{}} validationError={false}/>
+      </form>
+    )
+  }
+
+}
+
+export default GroupForm;