Merge pull request #10 from mudabbir-ahmad/UserBranchPOST

UserBranchPOST

src/components/entity/modules/moduleForm.js

@@ -19,7 +19,7 @@ const ModuleForm = ({originalModule, onSubmit, onCancel}) => {
     //   Initialisation -------------
 
     defaultModule.ModuleID = Math.floor(100000 + Math.random() * 900000);
-    defaultModule.ModuleImage = 'https://images.freeimages.com/images/small-preview/cf5/cellphone-1313194.jpg';
+    defaultModule.ModuleImageURL = 'https://images.freeimages.com/images/small-preview/cf5/cellphone-1313194.jpg';
 
     const yearsEndpoint = 'https://softwarehub.uk/unibase/api/years';
 

src/components/entity/users/UserForm.js

@@ -13,6 +13,7 @@ const defaultUser = {
     UserYearID: null,
     UserLevel: null,
     UserImageURL: null,
+    UserRegistered: null,
 };
 
 const UserForm = ({originalUser, onSubmit, onCancel}) => {
@@ -20,6 +21,7 @@ const UserForm = ({originalUser, onSubmit, onCancel}) => {
 
     defaultUser.UserID = Math.floor(100000 + Math.random() * 900000);
     defaultUser.UserImageURL = 'https://images.generated.photos/tZmcC6WnzFmgAwRMsBnGYcmaj_NSktxhYzBfTqej_Lo/rs:fit:256:256/czM6Ly9pY29uczgu/Z3Bob3Rvcy1wcm9k/LnBob3Rvcy92M18w/MDE3MjYzLmpwZw.jpg';
+    defaultUser.UserRegistered = 0;
 
     const userTypesEndpoint = 'https://softwarehub.uk/unibase/api/usertypes';
     const yearsEndpoint = 'https://softwarehub.uk/unibase/api/years';
@@ -32,6 +34,11 @@ const UserForm = ({originalUser, onSubmit, onCancel}) => {
         {value: 7, label: '7 (Masters)'},
     ];
 
+    const registeredOptions = [
+        {value: 1, label: 'True'},
+        {value: 0, label: 'False'},
+    ];
+
     // State ----------------------
 
     const [user, setUser] = useState(originalUser || defaultUser);
@@ -118,6 +125,14 @@ const UserForm = ({originalUser, onSubmit, onCancel}) => {
                 value={user.UserImageURL}
                 onChange={(value) => handleChange('UserImageURL', value)}
             />
+
+            <Form.InputSelect
+                label='Registered'
+                value={user.UserRegistered}
+                onChange={(value) => handleChange('UserRegistered', value)}
+                prompt={'Select registered status...'}
+                options={registeredOptions}
+            />
         </Form>
     );
 };

src/components/screens/ModuleListScreen.js

@@ -1,10 +1,11 @@
 // import {useState, useEffect} from "react";
-import {LogBox, Text} from "react-native";
+import {Alert, LogBox, Text} from "react-native";
 import Screen from "../layout/Screen";
 import ModuleList from "../entity/modules/ModuleList";
 import {Button, ButtonTray} from "../UI/Button";
 import Icons from "../UI/Icons";
 import useLoad from "../API/useLoad";
+import API from "../API/API";
 
 
 const ModuleListScreen = ({navigation}) => {
@@ -16,40 +17,44 @@ const ModuleListScreen = ({navigation}) => {
 
 //   State ----------------------
 
-    const [modules, setModules, isLoading, loadModules] = useLoad(modulesEndpoint);
+    const [modules, , isLoading, loadModules] = useLoad(modulesEndpoint);
 
 //   Handlers -------------------
 
-    const handleDelete = (module) =>
-        setModules(modules.filter((item) => item.ModuleID !== module.ModuleID));
-
-
-    const onDelete = (module) => {
-        handleDelete(module);
+    const handleAdd = async (module) => {
+        const result = await API.post(modulesEndpoint, module);
+        if (result.isSuccess) {
+            loadModules(modulesEndpoint)
             navigation.goBack();
+        } else
+            Alert.alert(result.message);
+    };
+
+    const onModify = async (module) => {
+        const putEndpoint = `${modulesEndpoint}/${module.ModuleID}`;
+        const result = await API.put(putEndpoint, module);
+        if ( result.isSuccess ) {
+            loadModules(modulesEndpoint)
+            navigation.navigate('ModuleListScreen');
+        } else
+            Alert.alert(result.message);
+    };
+
+    const onDelete = async (module) => {
+        const deleteEndpoint = `${modulesEndpoint}/${module.ModuleID}`;
+        const result = await API.delete(deleteEndpoint, module);
+        if (result.isSuccess) {
+            loadModules(modulesEndpoint)
+            navigation.goBack();
+        } else
+            Alert.alert(result.message);
     }
 
-    const handleAdd = (module) => setModules([...modules, module]);
-
-    const handleModify = (updatedModule) => setModules(
-        modules.map((module) => (module.ModuleID === updatedModule.ModuleID) ? updatedModule : module),
-    );
-
-    const onAdd = (module) => {
-        handleAdd(module);
-        navigation.goBack();
-    };
-
-    const onModify = (module) => {
-        handleModify(module);
-        navigation.replace('ModuleViewScreen', {module, onDelete, onModify});
-    };
-
     const goToViewScreen = (module) =>
-        navigation.navigate('ModuleViewScreen', {module, onDelete, onModify});
+        navigation.navigate('ModuleViewScreen', {module, onDelete, onModify });
 
     const goToAddScreen = () =>
-        navigation.navigate('ModuleAddScreen', {onAdd});
+        navigation.navigate('ModuleAddScreen', {onAdd: handleAdd});
 
 
 //   View -----------------------

src/components/screens/UserListScreen.js

@@ -1,9 +1,10 @@
-import {LogBox, Text} from "react-native";
+import {Alert, LogBox, Text} from "react-native";
 import Screen from "../layout/Screen";
 import UserList from "../entity/users/UserList";
 import {Button, ButtonTray} from "../UI/Button";
 import Icons from "../UI/Icons";
 import useLoad from "../API/useLoad";
+import API from "../API/API";
 
 const UserListScreen = ({navigation}) => {
     // Initialisation -------------
@@ -12,42 +13,45 @@ const UserListScreen = ({navigation}) => {
     const usersEndpoint = 'https://softwarehub.uk/unibase/api/users';
 
     // State ----------------------
-    const [users, setUsers, isLoading, loadUsers] = useLoad(usersEndpoint);
+    const [users, , isLoading, loadUsers] = useLoad(usersEndpoint);
 
     // Handlers -------------------
-    const handleDelete = (user) =>
-        setUsers(users.filter((item) => item.UserID !== user.UserID));
 
-    const onDelete = (user) => {
-        handleDelete(user);
+    const handleAdd = async (user) => {
+        const result = await API.post(usersEndpoint, user);
+        if (result.isSuccess) {
+            loadUsers(usersEndpoint)
             navigation.goBack();
+        } else
+            Alert.alert(result.message);
     };
 
-    const handleAdd = (user) => setUsers([...users, user]);
+    const onModify = async (user) => {
+        const putEndpoint = `${usersEndpoint}/${user.UserID}`;
+        const result = await API.put(putEndpoint, user);
+        if ( result.isSuccess ) {
+            loadUsers(usersEndpoint)
+            navigation.navigate('UserListScreen');
+        } else
+            Alert.alert(result.message);
+    };
 
-    const handleModify = (updatedUser) => setUsers(
-        users.map((user) => (user.UserID === updatedUser.UserID) ? updatedUser : user),
-    );
-
-    const onAdd = (user) => {
-        handleAdd(user);
+    const onDelete = async (user) => {
+        const deleteEndpoint = `${usersEndpoint}/${user.UserID}`;
+        const result = await API.delete(deleteEndpoint, user);
+        if (result.isSuccess) {
+            loadUsers(usersEndpoint)
             navigation.goBack();
-    };
-
-    const onModify = (user) => {
-        handleModify(user);
-        navigation.replace('UserViewScreen', {user, onDelete, onModify});
-    };
+        } else
+            Alert.alert(result.message);
+    }
 
     const goToViewScreen = (user) =>
         navigation.navigate('UserViewScreen', {user, onDelete, onModify});
 
     const goToAddScreen = () =>
-        navigation.navigate('UserAddScreen', {onAdd});
+        navigation.navigate('UserAddScreen', {onAdd: handleAdd});
 
-    const handleSwitchToModules = () => {
-        navigation.navigate("ModuleListScreen");
-    };
 
     // View -----------------------
     return (