diff --git a/src/components/AuthPages/AuthLayout2.jsx b/src/components/AuthPages/AuthLayout2.jsx index 778e1ac..2d9bf91 100644 --- a/src/components/AuthPages/AuthLayout2.jsx +++ b/src/components/AuthPages/AuthLayout2.jsx @@ -1,19 +1,22 @@ -import React, { lazy, useContext } from "react"; +import React, { useContext } from "react"; import { Link } from "react-router-dom"; import { localImgLoad } from "../../lib"; import DarkModeContext from "../Contexts/DarkModeContext"; export default function LoginLayout({ slogan, children }) { - const bgImg = localImgLoad('images/left-wrenchboard.jpg') - const bgImgNig = localImgLoad('images/wrench-home-back-nigeria.jpg') - const bgImgCom = localImgLoad('images/wrench-home-back-common.jpg') + const bgImg = localImgLoad("images/left-wrenchboard.jpg"); + const bgImgNig = localImgLoad("images/wrench-home-back-nigeria.jpg"); + const bgImgCom = localImgLoad("images/wrench-home-back-common.jpg"); - const {countryMode} = useContext(DarkModeContext); + const { countryMode } = useContext(DarkModeContext); return ( -
{/*
*/}
-
+
{children && children}

- © {new Date().getFullYear()} - + + © {new Date().getFullYear()} - + WrenchBoard {" "} diff --git a/src/components/AuthPages/Login/index2.jsx b/src/components/AuthPages/Login/index2.jsx index e6201a4..6fe2ca9 100644 --- a/src/components/AuthPages/Login/index2.jsx +++ b/src/components/AuthPages/Login/index2.jsx @@ -24,7 +24,9 @@ export default function Login() { const dispatch = useDispatch(); const { state } = useLocation(); - const [sessionExpired, setSessionExpired] = useState(queryParams.get("sessionExpired")) + const [sessionExpired, setSessionExpired] = useState( + queryParams.get("sessionExpired") + ); const [validCaptcha, setValidCaptcha] = useState({ show: false, valid: "" }); // FOR CAPTCHA @@ -97,7 +99,7 @@ export default function Login() { username: email, password: password, sessionid: "STARTING", - login_mode: 1100 + login_mode: 1100, }; } else if (name == "family") { // Post Data Info for family Login @@ -105,7 +107,7 @@ export default function Login() { username: email, pin: password, sessionid: "20067A92714", - login_mode: 1105 + login_mode: 1105, }; } else { setLoginLoading(false); @@ -235,19 +237,18 @@ export default function Login() { setPassword(""); }, [loginType]); - // EFFECT TO CLEAR SESSION EXPIRY IF IT EXISTS AFTER SOME SECONDS - useEffect(()=>{ + useEffect(() => { let timer; - if(sessionExpired == "true"){ - timer = setTimeout(()=>{ - setSessionExpired(false) - },5000) + if (sessionExpired == "true") { + timer = setTimeout(() => { + setSessionExpired(false); + }, 5000); } return () => { - clearTimeout(timer) - } - }, []) + clearTimeout(timer); + }; + }, []); return ( <> @@ -523,25 +524,39 @@ export default function Login() { {/* APP DOWNLOAD STORE */}

{loginType == "full" && ( <> @@ -590,7 +605,7 @@ const BrandBtn = ({ {isAnchor ? ( logo-icon(s) @@ -601,7 +616,7 @@ const BrandBtn = ({
- + */} {/* balance */} {/* My Page Button */} diff --git a/src/components/Partials/RightSideBar.jsx b/src/components/Partials/RightSideBar.jsx index db8b73d..8de8b76 100644 --- a/src/components/Partials/RightSideBar.jsx +++ b/src/components/Partials/RightSideBar.jsx @@ -1,10 +1,11 @@ -import React, { useState } from "react"; +import React, { useContext, useState } from "react"; import { useSelector } from "react-redux"; import { NavLink } from "react-router-dom"; //import SideStatistics from "./SideStatistics"; import { localImgLoad } from "../../lib"; +import DarkModeContext from "../Contexts/DarkModeContext"; -export default function RightSideBar({myJobList}) { +export default function RightSideBar({ myJobList }) { const filterDatas = ["Last 15 days", "Last Month", "Last 6 month"]; const [filterDataSet, setFilterDataSet] = useState([10, 30, 20, 40]); const dataSetHandler = (value) => { @@ -16,6 +17,7 @@ export default function RightSideBar({myJobList}) { setFilterDataSet([8, 15, 40, 30]); } }; + const darkMode = useContext(DarkModeContext); const [selectedRate, setSelectedRate] = useState("ETH"); const [rateStaticsDropdown, setRateStaticsDropdown] = useState(false); @@ -153,79 +155,181 @@ export default function RightSideBar({myJobList}) {

+ {/* dark mode */} +
+ + {darkMode.theme === "light" ? ( + + + + ) : ( + + + + + + + + + + + + + )} + +

+ {darkMode.theme === "light" ? "Dark" : "Light"} Mode +

+
{/*JOB LINKS*/} - {(userDetails?.account_type !== "FAMILY" && myJobList?.data?.result_list?.length > 0) && -
- {/* heading */} -
-

- Job Links -

-
-
- -
-
- {/* image */} -
- Active Task -
- {/* name */} -
-

- Active Task -

-
- {/* action */} + {userDetails?.account_type !== "FAMILY" && + myJobList?.data?.result_list?.length > 0 && ( +
+ {/* heading */} +
+

+ Job Links +

+
-
- {/* image */} -
- Review Task +
+
+ {/* image */} +
+ Active Task +
+ {/* name */} +
+

+ Active Task +

+
+ {/* action */}
- {/* name */} -
-

- Review -

+ +
+ {/* image */} +
+ Review Task +
+ {/* name */} +
+

+ Review +

+
+
+ +
+ {/* image */} +
+ Past Due Task +
+ {/* name */} +
+

+ Past Due +

+
+
+ + {/* Line */} +
+ +
+ {/* image */} +
+ Job Groups +
+ {/* name */} +
+

+ Job Groups +

+
- -
- {/* image */} -
- Past Due Task -
- {/* name */} -
-

- Past Due -

-
-
- - {/* Line */} -
- -
- {/* image */} -
- Job Groups -
- {/* name */} -
-

- Job Groups -

-
-
-
-
- } +
+ )}
);