+ {this.renderLabel()}
+
+ {
+ this.field = input;
+ }}
+ className={ classNames(
+ "input",
+ errorView
+ )}
+ type={type}
+ placeholder={placeholder}
+ value={value}
+ onChange={this.handleInput}
+ />
+
+ {helper}
+
+ );
+ }
+}
+
+export default InputField;
diff --git a/scm-ui/src/components/forms/index.js b/scm-ui/src/components/forms/index.js
new file mode 100644
index 0000000000..fd2744cf23
--- /dev/null
+++ b/scm-ui/src/components/forms/index.js
@@ -0,0 +1,2 @@
+export { default as Checkbox } from "./Checkbox";
+export { default as InputField } from "./InputField";
diff --git a/scm-ui/src/components/layout/Footer.js b/scm-ui/src/components/layout/Footer.js
new file mode 100644
index 0000000000..90d1b892b0
--- /dev/null
+++ b/scm-ui/src/components/layout/Footer.js
@@ -0,0 +1,25 @@
+//@flow
+import React from "react";
+import type { Me } from "../../types/Me";
+
+type Props = {
+ me?: Me
+};
+
+class Footer extends React.Component