Added user add functionality

scm-ui/src/components/Checkbox.js

@@ -0,0 +1,27 @@
+//@flow
+import React from "react";
+
+type Props = {
+  label: string,
+  onChange: boolean => void
+};
+class Checkbox extends React.Component<Props> {
+  onCheckboxChange = (event: SyntheticInputEvent<HTMLInputElement>) => {
+    this.props.onChange(event.target.checked);
+  };
+
+  render() {
+    return (
+      <div className="field">
+        <div className="control">
+          <label className="checkbox">
+            <input type="checkbox" onChange={this.onCheckboxChange} />{" "}
+            {this.props.label}
+          </label>
+        </div>
+      </div>
+    );
+  }
+}
+
+export default Checkbox;

scm-ui/src/components/InputField.js

@@ -22,7 +22,7 @@ class InputField extends React.Component<Props> {
   renderLabel = () => {
     const label = this.props.label;
     if (label) {
-      return <label class="label">{label}</label>;
+      return <label className="label">{label}</label>;
     }
     return "";
   };
@@ -31,11 +31,11 @@ class InputField extends React.Component<Props> {
     const { type, placeholder } = this.props;
 
     return (
-      <div class="field">
+      <div className="field">
         {this.renderLabel()}
-        <div class="control">
+        <div className="control">
           <input
-            class="input"
+            className="input"
             type={type}
             placeholder={placeholder}
             onChange={this.handleInput}