Updates to forms and added picker for module form.

src/components/entity/modules/moduleForm.js

@@ -20,6 +20,14 @@ const ModuleForm = ({onSubmit, onCancel}) => {
     defaultModule.ModuleID = Math.floor(100000 + Math.random() * 900000);
     defaultModule.ModuleImage = 'https://images.freeimages.com/images/small-preview/cf5/cellphone-1313194.jpg';
 
+    const levels = [
+        {value: 3, label: '3 (Foundation)'},
+        {value: 4, label: '4 (First Year)'},
+        {value: 5, label: '5 (Second Year)'},
+        {value: 6, label: '6 (Third Year)'},
+        {value: 7, label: '7 (Masters)'},
+    ];
+
 
     //   State ----------------------
 
@@ -60,8 +68,10 @@ const ModuleForm = ({onSubmit, onCancel}) => {
                 onChange={(value) => handleChange('ModuleName', value)}
             />
 
-            <Form.InputText
+            <Form.InputSelect
                 label='Module Level'
+                prompt={'Select module level...'}
+                options={levels}
                 value={module.ModuleLevel}
                 onChange={(value) => handleChange('ModuleLevel', value)}
             />