diff --git a/src/components/API/useLoad.js b/src/components/API/useLoad.js
index d4ec896..6b2584f 100644
--- a/src/components/API/useLoad.js
+++ b/src/components/API/useLoad.js
@@ -22,7 +22,7 @@ const useLoad = (loadEndpoint) => {
 
     //   return ----------------------
 
-    return[records, setRecords, isLoading, loadRecords];
+    return [records, setRecords, isLoading, loadRecords];
 };
 
 export default useLoad;
\ No newline at end of file
diff --git a/src/components/UI/RenderCount.js b/src/components/UI/RenderCount.js
index 1fdce24..bb0264d 100644
--- a/src/components/UI/RenderCount.js
+++ b/src/components/UI/RenderCount.js
@@ -1,5 +1,5 @@
-import { useRef } from "react";
-import { Text, StyleSheet } from "react-native";
+import {useRef} from "react";
+import {Text, StyleSheet} from "react-native";
 
 const RenderCount = ({backgroundColor = 'dodgerblue', fontColor = 'white'}) => {
 //     Initialisation -------------
@@ -9,7 +9,7 @@ const RenderCount = ({backgroundColor = 'dodgerblue', fontColor = 'white'}) => {
 //     Handlers -------------------
 //     View -----------------------
     return (
-        <Text style={[styles.count, { backgroundColor, color: fontColor}]}>
+        <Text style={[styles.count, {backgroundColor, color: fontColor}]}>
             Number of renders: {renderCount.current}
         </Text>
     );
diff --git a/src/components/entity/modules/ModuleView.js b/src/components/entity/modules/ModuleView.js
index 136f11d..1e31276 100644
--- a/src/components/entity/modules/ModuleView.js
+++ b/src/components/entity/modules/ModuleView.js
@@ -29,8 +29,9 @@ const ModuleView = ({module, onDelete, onModify}) => {
         <View style={styles.infoTray}>
             <Text style={styles.boldText}>View {module.ModuleCode} {module.ModuleName}</Text>
             <Text style={styles.text}>Level {module.ModuleLevel}</Text>
+            <Text style={styles.text}>cohort {module.ModuleYearID}</Text>
             <Text style={styles.Text}>
-                {module.ModuleLeaderName} <Text style={styles.dimText}>(Module Leader)</Text>
+                {module.ModuleLeaderID} <Text style={styles.dimText}>(Module Leader)</Text>
             </Text>
         </View>
 
diff --git a/src/components/entity/modules/moduleForm.js b/src/components/entity/modules/moduleForm.js
index d61c30c..80ed4e0 100644
--- a/src/components/entity/modules/moduleForm.js
+++ b/src/components/entity/modules/moduleForm.js
@@ -1,16 +1,16 @@
-import {StyleSheet, Text, TextInput, View} from "react-native";
-import {useEffect, useState} from "react";
+import { Text } from "react-native";
+import {useState} from "react";
 import Icons from "../../UI/Icons";
 import Form from "../../UI/Form";
-import API from "../../API/API";
+import useLoad from "../../API/useLoad";
 
 const defaultModule = {
     ModuleID: null,
     ModuleCode: null,
     ModuleName: null,
     ModuleLevel: null,
-    ModuleLeaderID: null,
     ModuleYearID: null,
+    ModuleLeaderID: null,
     ModuleImageURL: null,
 };
 
@@ -23,6 +23,8 @@ const ModuleForm = ({originalModule, onSubmit, onCancel}) => {
 
     const yearsEndpoint = 'https://softwarehub.uk/unibase/api/years';
 
+    const staffEndpoint = 'https://softwarehub.uk/unibase/api/users/staff';
+
     const levels = [
         {value: 3, label: '3 (Foundation)'},
         {value: 4, label: '4 (First Year)'},
@@ -44,18 +46,9 @@ const ModuleForm = ({originalModule, onSubmit, onCancel}) => {
 
     const [module, setModule] = useState(originalModule || defaultModule);
 
-    const [years, setYears] = useState([]);
-    const [isYearsLoading, setIsYearsLoading] = useState(true);
+    const [years, , isYearsLoading] = useLoad(yearsEndpoint);
 
-    const loadYears = async (endpoint) => {
-        const response = await API.get(endpoint);
-        setIsYearsLoading(false);
-        if (response.isSuccess) setYears(response.result);
-    };
-
-    useEffect(() => {
-        loadYears(yearsEndpoint)
-    }, []);
+    const [Leaders, , isLeadersLoading] = useLoad(staffEndpoint);
 
     //   Handlers -------------------
 
@@ -71,8 +64,11 @@ const ModuleForm = ({originalModule, onSubmit, onCancel}) => {
     const submitLabel = originalModule ? 'Modify' : 'Add';
     const submitIcon = originalModule ? <Icons.Edit/> : <Icons.Add/>;
 
-    const cohorts = years.map((year) => ({value: year.YearID, label: year.YearName}) );
-
+    const cohorts = years.map((year) => ({value: year.YearID, label: year.YearName}));
+    const staff = Leaders.map((leader) => ({
+        value: leader.UserID,
+        label: ` ${leader.UserFirstname} ${leader.UserLastname} `
+    }));
 
     return (
         <Form
@@ -93,31 +89,36 @@ const ModuleForm = ({originalModule, onSubmit, onCancel}) => {
                 value={module.ModuleName}
                 onChange={(value) => handleChange('ModuleName', value)}
             />
-            { isYearsLoading ? <Text>Loading Levels...</Text> :
-            <Form.InputSelect
-                label='Module Level'
-                prompt={'Select module level...'}
-                options={levels}
-                value={module.ModuleLevel}
-                onChange={(value) => handleChange('ModuleLevel', value)}
-                isLoading={isYearsLoading}
-            />
+            {isYearsLoading ? <Text>Loading Levels...</Text> :
+                <Form.InputSelect
+                    label='Module Level'
+                    prompt={'Select module level...'}
+                    options={levels}
+                    value={module.ModuleLevel}
+                    onChange={(value) => handleChange('ModuleLevel', value)}
+                    isLoading={isYearsLoading}
+                />
             }
 
             <Form.InputSelect
                 label='Module cohort'
-                prompt={'Select module cohort...'}
-                options={cohorts}
                 value={module.ModuleYearID}
                 onChange={(value) => handleChange('ModuleYearID', value)}
+                prompt={'Select module cohort...'}
+                options={cohorts}
+                isLoading={isYearsLoading}
             />
 
-            <Form.InputText
-                label='Module Leader Name'
-                value={module.ModuleLeaderName}
-                onChange={(value) => handleChange('ModuleLeaderName', value)}
+            <Form.InputSelect
+                label='Module Leader'
+                value={module.ModuleLeaderID}
+                onChange={(value) => handleChange('ModuleLeaderID', value)}
+                prompt={'Select module leader...'}
+                options={staff}
+                isLoading={isLeadersLoading}
             />
 
+
             <Form.InputText
                 label='Module Image URL'
                 value={module.ModuleImageURL}
@@ -131,9 +132,6 @@ const ModuleForm = ({originalModule, onSubmit, onCancel}) => {
     );
 };
 
-const styles = StyleSheet.create({
-    formContainer: {},
-    item: {},
-});
+// const styles = StyleSheet.create({});
 
 export default ModuleForm;
\ No newline at end of file
diff --git a/src/components/screens/ModuleListScreen.js b/src/components/screens/ModuleListScreen.js
index 219fbf9..1a1fab1 100644
--- a/src/components/screens/ModuleListScreen.js
+++ b/src/components/screens/ModuleListScreen.js
@@ -1,33 +1,26 @@
-import {useState, useEffect} from "react";
-import {LogBox, StyleSheet, Text} from "react-native";
+// import {useState, useEffect} from "react";
+import {LogBox, Text} from "react-native";
 import Screen from "../layout/Screen";
 import ModuleList from "../entity/modules/ModuleList";
-import API from "../API/API";
+// import API from "../API/API";
 // import initialModules from "../../data/modules.js";
 // import RenderCount from "../UI/RenderCount";
 import {Button, ButtonTray} from "../UI/Button";
 import Icons from "../UI/Icons";
+import useLoad from "../API/useLoad";
+
 
 const ModuleListScreen = ({navigation}) => {
 //   Initialisation -------------
 //    let modules = initialModules;
     LogBox.ignoreLogs(['Non-serializable values were found in the navigation state']);
+
+
     const modulesEndpoint = 'https://softwarehub.uk/unibase/api/modules';
 
-
 //   State ----------------------
-    const [modules, setModules] = useState([]);
-    const [isLoading, setIsLoading] = useState(true);
 
-    const loadModules = async (endpoint) => {
-        const response = await API.get(endpoint);
-        setIsLoading(false);
-        if (response.isSuccess) setModules(response.result);
-    };
-
-    useEffect(() => {
-        loadModules(modulesEndpoint)
-    }, []);
+    const [modules, setModules, isLoading, loadModules] = useLoad(modulesEndpoint);
 
 //   Handlers -------------------
 
@@ -79,7 +72,7 @@ const ModuleListScreen = ({navigation}) => {
     );
 };
 
-const styles = StyleSheet.create({});
+// const styles = StyleSheet.create({});
 
 export default ModuleListScreen;