added new start page

This commit was merged in pull request #840.
This commit is contained in:
victorAnumudu
2024-11-05 13:59:10 +01:00
parent 4aed14a545
commit fd0fec0060
6 changed files with 136 additions and 39 deletions
+38 -38
View File
@@ -33,7 +33,7 @@ export default function Login() {
const [validCaptcha, setValidCaptcha] = useState({ show: false, valid: "" }); // FOR CAPTCHA
let [loginType, setLoginType] = useState("");
let [loginType, setLoginType] = useState('');
const [loginLoading, setLoginLoading] = useState(false);
@@ -199,43 +199,43 @@ export default function Login() {
// document.cookie ="loginType=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
// }, []);
useLayoutEffect(() => {
// checks the cookie in order to set the login type before components mounts
// if(document.cookie.includes("loginType=family")){
// setLoginType('family')
// }else if(document.cookie.includes("loginType=full")){
// setLoginType('full')
// }else{
// setLoginType('full')
// }
function readCookie(cname) {
// checks the cookie in order to set the login type before components mounts
let name = cname + "=";
let decoded_cookie = decodeURIComponent(document.cookie);
let carr = decoded_cookie.split(";");
for (let i = 0; i < carr.length; i++) {
let c = carr[i];
while (c.charAt(0) == " ") {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "full";
useEffect(()=>{
if(state && state.loginType){
setLoginType(state.loginType)
}else{
navigate('/login', {replace: true})
}
let loginValue = readCookie("loginType");
setLoginType(loginValue);
},[])
if (state?.error) {
//check if the login path has an error state indicating any social handle login with error
setMsgError("Unexpected Error, Please try again soon.");
setTimeout(() => {
setMsgError("");
navigate("/login", { replace: true });
}, 4000);
}
}, []);
// useLayoutEffect(() => {
// function readCookie(cname) {
// // checks the cookie in order to set the login type before components mounts
// let name = cname + "=";
// let decoded_cookie = decodeURIComponent(document.cookie);
// let carr = decoded_cookie.split(";");
// for (let i = 0; i < carr.length; i++) {
// let c = carr[i];
// while (c.charAt(0) == " ") {
// c = c.substring(1);
// }
// if (c.indexOf(name) == 0) {
// return c.substring(name.length, c.length);
// }
// }
// return "full";
// }
// let loginValue = readCookie("loginType");
// setLoginType(loginValue);
// if (state?.error) {
// //check if the login path has an error state indicating any social handle login with error
// setMsgError("Unexpected Error, Please try again soon.");
// setTimeout(() => {
// setMsgError("");
// navigate("/login", { replace: true });
// }, 4000);
// }
// }, []);
useEffect(() => {
setMail("");
@@ -273,7 +273,7 @@ export default function Login() {
<div className="w-10/12">
{/* HIDES THIS IF USER SESSION HAS EXPIRED */}
{sessionExpired != "true" && (
<div className="title-area flex flex-col justify-center items-center relative text-center mb-7">
<div className="hidden title-area flex flex-col justify-center items-center relative text-center mb-7">
{/* <h1 className="text-[#181c32] font-semibold dark:text-white mb-3 leading-[27.3px] text-[22.75px]">
Sign In to WrenchBoard
</h1> */}
@@ -299,7 +299,7 @@ export default function Login() {
)}
{/* switch login component */}
<div className="ml-7 flex justify-start items-center gap-3">
<div className="hidden --flex-- ml-7 justify-start items-center gap-3">
<button
name="full"
className={`login-type-btn px-4 py-1 rounded-t-2xl ${