Minnor changes and fix invitation logic

Views/Invite.js

@@ -4,6 +4,15 @@ import { Text, TextInput, Button, Divider, Checkbox } from "react-native-paper";
 import i18n from "../i18nMessages.js";
 import API from "../API";
 
+const validateEmail = (text) => {
+    let reg = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w\w+)+$/;
+    if (reg.test(text) === false) {
+      console.log("Email is Not Correct");
+      return false;
+    }
+    return true;
+  }
+
 
 let InviteView = ()=>{
     const [name, setName] = React.useState("");
@@ -11,11 +20,24 @@ let InviteView = ()=>{
     const [checked, setChecked] = React.useState("");
 
     let sendInvite = async () => {
-        if(name != "" && email != "") return 0;
+        if(name == "" || email == "" || !checked){
+            alert("Please make sure to fill all the inputs");
+            return 0;
+        }
+        if(!validateEmail(email)){
+            alert("Please input a valid email");
+            return 0;
+        }
+        const response = await API.newInvitation(name, email);
+        if(response?.status !== "ok"){
+            alert(response.status);
+            return 0;
+        }
+        //console.log(response);
         setName('');
         setEmail('');
         setChecked(false);
-        await API.newInvitation(name, email);
+        alert("Invitation sent, thank you!");
     }
 
     return (
@@ -39,6 +61,10 @@ let InviteView = ()=>{
                     style={{backgroundColor:"rgba(0,0,0,0)"}}
                     value={email}
                     onChangeText={text => setEmail(text)}
+                    autoCapitalize='none'
+                    autoComplete='email'
+                    autoCorrect={false}
+                    keyboardType='email-address'
                 />
                 <Checkbox.Item 
                     label={i18n.t("message.IKnowThisPerson")} 
@@ -46,7 +72,7 @@ let InviteView = ()=>{
                     onPress={()=>{setChecked(!checked)}}
                 />
                 <Divider />
-                <Button mode="outlined">Invite</Button>
+                <Button mode="outlined" onPress={sendInvite}>Invite</Button>
             </ImageBackground>
         </View>
     )