diff --git a/src/components/entity/modules/moduleForm.js b/src/components/entity/modules/moduleForm.js
index eefd821..dd4ead2 100644
--- a/src/components/entity/modules/moduleForm.js
+++ b/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';
diff --git a/src/components/entity/users/UserForm.js b/src/components/entity/users/UserForm.js
index 6c760d0..ab6c053 100644
--- a/src/components/entity/users/UserForm.js
+++ b/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)}
/>
+
+
handleChange('UserRegistered', value)}
+ prompt={'Select registered status...'}
+ options={registeredOptions}
+ />
);
};
diff --git a/src/components/screens/ModuleListScreen.js b/src/components/screens/ModuleListScreen.js
index 3f5d307..6bae870 100644
--- a/src/components/screens/ModuleListScreen.js
+++ b/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 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 = (module) => {
- handleDelete(module);
- navigation.goBack();
+ 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 -----------------------
diff --git a/src/components/screens/UserListScreen.js b/src/components/screens/UserListScreen.js
index 55adb73..a6b4287 100644
--- a/src/components/screens/UserListScreen.js
+++ b/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);
- navigation.goBack();
+ 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 handleModify = (updatedUser) => setUsers(
- users.map((user) => (user.UserID === updatedUser.UserID) ? updatedUser : user),
- );
-
- const onAdd = (user) => {
- handleAdd(user);
- navigation.goBack();
+ 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 onModify = (user) => {
- handleModify(user);
- navigation.replace('UserViewScreen', {user, onDelete, onModify});
- };
+ const onDelete = async (user) => {
+ const deleteEndpoint = `${usersEndpoint}/${user.UserID}`;
+ const result = await API.delete(deleteEndpoint, user);
+ if (result.isSuccess) {
+ loadUsers(usersEndpoint)
+ navigation.goBack();
+ } 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 (