validated email on user login page

src/components/AuthPages/AuthRedirect/Redirect.jsx

@@ -43,7 +43,7 @@ function Redirect() {
             localStorage.setItem("member_id", `${res.data.member_id}`);
             localStorage.setItem("uid", `${res.data.uid}`);
             localStorage.setItem("session_token", `${res.data.session}`);
-            dispatch(updateUserDetails({...res.data, loggedIn:true}));
+            dispatch(updateUserDetails({...res.data}));
             navigate('/', {replace: true})
             return
           }

src/components/AuthPages/Login/index.jsx

@@ -77,6 +77,14 @@ export default function Login() {
       return;
     }
 
+    //checks if email is a valid email address
+    let regEx = /^[^0-9][a-zA-Z0-9._%+-]+@[a-zA-Z]+(\.[a-zA-Z]+)+$/;
+    if (regEx.test(email) == false) {
+      setLoginLoading(false);
+      setMsgError("Invalid Email");
+      return setTimeout(()=>{setMsgError("");},3000)
+    }
+
     if (name == "full") {
       // Post Data Info for normal Login
       postData = {
@@ -116,7 +124,7 @@ export default function Login() {
         localStorage.setItem("uid", `${res.data.uid}`);
         localStorage.setItem("session_token", `${res.data.session}`);
         // localStorage.setItem("session", `${res.data.session}`);
-        dispatch(updateUserDetails({...res.data, loggedIn:true}));
+        dispatch(updateUserDetails({...res.data}));
         setTimeout(() => {
           navigate("/", { replace: true });
           setLoginLoading(false);

src/components/Referral/ReferralDisplay.jsx

@@ -11,6 +11,11 @@ import ReferralTable from "../MyWallet/WalletComponent/ReferralTable";
 const validationSchema = Yup.object().shape({
   ref_email: Yup.string()
     .email("Wrong email format")
+    .matches(
+      // /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/,
+      /^[^0-9][a-zA-Z0-9._%+-]+@[a-zA-Z]+(\.[a-zA-Z]+)+$/,
+      "Invalid email format"
+    )
     .min(3, "Minimum 3 characters")
     .max(50, "Maximum 50 characters")
     .required("Email is required"),

src/components/Settings/Tabs/PersonalInfoTab.jsx

@@ -14,6 +14,11 @@ import * as Yup from "yup";
 const validationSchema = Yup.object().shape({
   email: Yup.string()
     .email("Wrong email format")
+    .matches(
+      // /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/,
+      /^[^0-9][a-zA-Z0-9._%+-]+@[a-zA-Z]+(\.[a-zA-Z]+)+$/,
+      "Invalid email format"
+    )
     .min(3, "Minimum 3 characters")
     .max(50, "Maximum 50 characters")
     .required("Email is required"),
@@ -96,7 +101,7 @@ export default function PersonalInfoTab({
         // setRequestState({message: 'Profile update successfully', loading: false, status: true})
         toast.success("Update Successful");
         setTimeout(() => {
-          navigate("/", { replace: true });
+          // navigate("/", { replace: true });
           window.location.reload(true);
         }, 1000);
       })

src/middleware/AuthRoute.jsx

@@ -18,7 +18,9 @@ const AuthRoute = ({ redirectPath = "/login", children }) => {
 
   const { jobListTable } = useSelector((state) => state.tableReload);
 
-  const { userDetails:{loggedIn} } = useSelector((state) => state?.userDetails); // CHECKS IF LOGGEDIN IS TRUE
+  const { userDetails:{username, uid} } = useSelector((state) => state?.userDetails); // CHECKS IF USER Details are avaliable, to determine if user is active
+
+  let loggedIn = username && uid ? true : false // variable to determine if user is logged in
 
   useEffect(() => {
     //Removing Data stored at localStorage after session expires