add integer fields

Author: samuelcolvin

public/simple/index.html

@@ -32,6 +32,9 @@
     </main>
   </body>
   <script>
-    window.socket = socket('9c79f14df986a1ec693c')
+    window.socket = socket('f028073b6cfeb13223cb', {
+      mode: 'enquiry',
+      api_root: 'https://socket-beta.tutorcruncher.com',
+    })
   </script>
 </html>

src/components/shared/Input.js

@@ -89,12 +89,23 @@ const DatetimeInput = ({field, name, value, field_label, on_change}) => {
   )
 }
 
+const IntegerInput = ({field, name, value, field_label, on_change}) => (
+  <input type="number"
+         step="1"
+         name={name}
+         placeholder={field_label}
+         required={field.required}
+         value={value}
+         onChange={on_change}/>
+)
+
 const INPUT_LOOKUP = {
   'text': TextInput,
   'checkbox': Checkbox,
   'select': Select,
   'date': DateInput,
   'datetime': DatetimeInput,
+  'integer': IntegerInput,
 }
 
 class Input extends Component {