Job Quest Login
; + const [userInfo, setUserInfo] = React.useState({ + email: "", + password: "", + }); + + //used to shwo or not show password. + const [isVisible, setIsVisible] = React.useState(false); + + //form loading + const [isLoading, setIsLoading] = React.useState(false); + const [errors, setErrors] = React.useState({}); + + //Router navigation + const navigateTo = useNavigate(); + + React.useEffect(() => { + if (userInfo.email === "" || userInfo.password === "") { + setErrors((prevErrors) => ({ + ...prevErrors, + email: "", + password: "", + })); + } + }, [userInfo]); + + async function handleSubmit() { + try { + setIsLoading(true); + let result = await userSchema.validate(userInfo, { abortEarly: false }); + + const email = localStorage.getItem("jobQuestEmail"); + const password = localStorage.getItem("jobQuestPassword"); + + //if user credentials has not been previously stored to localStorage, store and still log them in + if (!email || !password) { + localStorage.setItem("jobQuestEmail", result.email); + localStorage.setItem("jobQuestPassword", result.email); + navigateTo("/roadmap"); + } + //else, check if they are equal to values saved in localStorage + else { + if (email === result.email && password === result.password) { + navigateTo("/roadmap"); + } else { + const field = "loginFailed"; + setErrors((prev) => ({ + ...prev, + [field]: "Incorrect Username/Password", + })); + } + setIsLoading(false); + } + } catch (err) { + for (const e of err.inner) { + let field = e.path; + let errmsg = e.errors[0]; + setErrors((prev) => ({ ...prev, [field]: errmsg })); + } + setIsLoading(false); + } + } + + return ( +
+ Each time you login -
+
+ you are making progress towards your goals.
+
+ Forgot your password?{" "} + + {" "} + Reset + +
+ ++ Need an account?{" "} + + {" "} + Create Account + +
+