Added delete functionality, and navigate to go back to previous page after module deletion

src/components/UI/Icons.js

@@ -1,15 +1,18 @@
-import {MaterialIcons} from '@expo/vector-icons'
+import {MaterialIcons} from '@expo/vector-icons';
 
 const Icons = {};
 
-const Edit = () => <MaterialIcons name='edit' size={16}/>;
-const Delete = () => <MaterialIcons name='delete' size={16}/>;
 const Add = () => <MaterialIcons name='add' size={16}/>;
+const Close = () => <MaterialIcons name='close' size={16}/>;
+const Delete = () => <MaterialIcons name='delete' size={16}/>;
+const Edit = () => <MaterialIcons name='edit' size={16}/>;
+const Submit = () => <MaterialIcons name='check' size={16}/>;
 
-//compose
-Icons.Edit = Edit;
-Icons.Delete = Delete;
+// Compose
 Icons.Add = Add;
+Icons.Close = Close;
+Icons.Delete = Delete;
+Icons.Edit = Edit;
+Icons.Submit = Submit;
 
-
-export default Icons;
+export default Icons;

src/components/entity/modules/ModuleView.js

@@ -3,10 +3,13 @@ import FullWidthImage from "react-native-fullwidth-image";
 import {Button, ButtonTray} from "../../UI/Button";
 import Icons from "../../UI/Icons.js"
 
-const ModuleView = ({module}) => {
+const ModuleView = ({module, onDelete}) => {
     //   Initialisation -------------
     //   State ----------------------
     //   Handlers -------------------
+
+    const handleDelete = () => onDelete(module);
+
     //   View -----------------------
 
     return (<View style={styles.container}>
@@ -27,6 +30,7 @@ const ModuleView = ({module}) => {
                 label={"Delete"}
                 styleButton={{backgroundColor: 'mistyrose'}}
                 styleLabel={{color: 'red'}}
+                onClick={handleDelete}
             />
         </ButtonTray>
 

src/components/screens/ModuleListScreen.js

@@ -18,7 +18,13 @@ const ModuleListScreen = ({navigation}) => {
     const handleDelete = (module) =>
         setModules(modules.filter((item) => item.ModuleID !== module.ModuleID));
 
-    const handleSelect = (module) => navigation.navigate('ModuleViewScreen', {module});
+
+    const onDelete = (module) => {
+        handleDelete(module);
+        navigation.goBack();
+    }
+
+    const handleSelect = (module) => navigation.navigate('ModuleViewScreen', { module, handleDelete });
 //   View -----------------------
 
     return (