diff --git a/src/components/AuthPages/Login/index.jsx b/src/components/AuthPages/Login/index.jsx index 341597d..687dedc 100644 --- a/src/components/AuthPages/Login/index.jsx +++ b/src/components/AuthPages/Login/index.jsx @@ -18,6 +18,9 @@ export default function Login() { const dispatch = useDispatch(); let [loginType, setLoginType] = useState({ full: true, family: false }); + const [selectedLoginType, setSelectedLoginType] = useState( + document.cookie.includes("loginType=family") ? "loginfamily" : "loginfull" + ); const [checked, setValue] = useState(false); const [loginLoading, setLoginLoading] = useState(false); @@ -77,6 +80,10 @@ export default function Login() { login_mode: 1100, action: 11025, }; + + // Clear the loginType cookie if the user switches to loginfull + document.cookie = + "loginType=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; } else if (name == "loginfamily") { // Post Data Info for family Login postData = { @@ -86,6 +93,8 @@ export default function Login() { login_mode: 1105, action: 11025, }; + // Set the loginType cookie to remember the user's selection + document.cookie = "loginType=family; path=/;"; } else { setLoginLoading(false); setMsgError("Invalid Login Type. Consider refreshing the page"); @@ -127,15 +136,24 @@ export default function Login() { }; const googleLogin = useGoogleLogin({ - flow: 'auth-code', - ux_mode:'redirect', + flow: "auth-code", + ux_mode: "redirect", redirect_uri: process.env.REACT_APP_GOOGLE_REDIRECT_URL, onSuccess: async (codeResponse) => { - console.log("GOOGLE LOGIN GOOD --- ",codeResponse); + console.log("GOOGLE LOGIN GOOD --- ", codeResponse); }, onError: (errorResponse) => console.log(errorResponse), }); + // In order to update the selected login type whenever the component renders + useEffect(() => { + setSelectedLoginType( + document.cookie.includes("loginType=family") ? "loginfamily" : "loginfull" + ); + }, []); + + console.log("Looking for the cookies >>", selectedLoginType) + useEffect(() => { setMail(""); setPassword("");