Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 10189a89c4 |
@@ -16,9 +16,6 @@ import { updateUserDetails } from "../../../store/UserDetails";
|
|||||||
|
|
||||||
import ReCAPTCHA from "react-google-recaptcha";
|
import ReCAPTCHA from "react-google-recaptcha";
|
||||||
|
|
||||||
import GoogleDownload from '../../../assets/images/download/andriod.jpg'
|
|
||||||
import IOSDownload from '../../../assets/images/download/apple.jpg'
|
|
||||||
|
|
||||||
export default function Login() {
|
export default function Login() {
|
||||||
// eslint-disable-next-line no-restricted-globals
|
// eslint-disable-next-line no-restricted-globals
|
||||||
const queryParams = new URLSearchParams(location?.search);
|
const queryParams = new URLSearchParams(location?.search);
|
||||||
@@ -529,43 +526,40 @@ export default function Login() {
|
|||||||
{/* APP DOWNLOAD STORE */}
|
{/* APP DOWNLOAD STORE */}
|
||||||
<div className="w-full mt-4">
|
<div className="w-full mt-4">
|
||||||
<div className="w-full flex justify-center items-center gap-4">
|
<div className="w-full flex justify-center items-center gap-4">
|
||||||
<div className="w-32 lg:w-48">
|
<div className="w-28 lg:w-32">
|
||||||
<a
|
<a
|
||||||
// className="px-1 py-1 lg:py-2 flex justify-center items-center gap-1 w-full rounded-md bg-black text-white hover:text-slate-500 hover:shadow-lg transition-all duration-300"
|
className="px-1 py-1 lg:py-2 flex justify-center items-center gap-1 w-full rounded-md bg-black text-white hover:text-slate-500 hover:shadow-lg transition-all duration-300"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noreferrer"
|
rel="noreferrer"
|
||||||
href={process.env.REACT_APP_APPLE_APP}
|
href={process.env.REACT_APP_APPLE_APP}
|
||||||
>
|
>
|
||||||
{/* <i className="fa-brands fa-apple text-3xl"></i>
|
<i className="fa-brands fa-apple text-3xl"></i>
|
||||||
<div className="flex flex-col">
|
<div className="flex flex-col">
|
||||||
<span className="text-[11px]">Available on the</span>
|
<span className="text-[11px]">Available on the</span>
|
||||||
<span className="text-[12px] lg:text-base">
|
<span className="text-[12px] lg:text-base">
|
||||||
App Store
|
App Store
|
||||||
</span>
|
</span>
|
||||||
</div> */}
|
</div>
|
||||||
<img src={IOSDownload} className='w-full h-auto' alt='IOS Download' />
|
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div className="w-32 lg:w-48">
|
<div className="w-28 lg:w-32">
|
||||||
<a
|
<a
|
||||||
// className="px-1 py-1 lg:py-2 flex justify-center items-center gap-1 w-full rounded-md bg-black text-white hover:text-slate-500 hover:shadow-lg transition-all duration-300"
|
className="px-1 py-1 lg:py-2 flex justify-center items-center gap-1 w-full rounded-md bg-black text-white hover:text-slate-500 hover:shadow-lg transition-all duration-300"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noreferrer"
|
rel="noreferrer"
|
||||||
href={process.env.REACT_APP_ANDROID_APP}
|
href={process.env.REACT_APP_ANDROID_APP}
|
||||||
>
|
>
|
||||||
{/* <i className="fa-brands fa-google-play text-2xl"></i>
|
<i className="fa-brands fa-google-play text-2xl"></i>
|
||||||
<div className="flex flex-col">
|
<div className="flex flex-col">
|
||||||
<span className="text-[11px]">Available on the</span>
|
<span className="text-[11px]">Available on the</span>
|
||||||
<span className="text-[12px] lg:text-base">
|
<span className="text-[12px] lg:text-base">
|
||||||
Google Play
|
Google Play
|
||||||
</span>
|
</span>
|
||||||
</div> */}
|
</div>
|
||||||
<img src={GoogleDownload} className='w-full h-auto' alt='IOS Download' />
|
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{loginType == "full" && (
|
{loginType == "full" && (
|
||||||
<>
|
<>
|
||||||
<div className="pt-5 text-[#181c32] text-center font-semibold text-[13.975px] leading-[20.9625px]">
|
<div className="pt-5 text-[#181c32] text-center font-semibold text-[13.975px] leading-[20.9625px]">
|
||||||
|
|||||||
@@ -179,10 +179,10 @@ export default function Promo() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* APP DOWNLOAD STORE */}
|
{/* APP DOWNLOAD STORE */}
|
||||||
<div className="w-full mt-4">
|
<div className="w-full mt-4">
|
||||||
<div className="w-full flex justify-center items-center gap-4">
|
<div className="w-full flex justify-between items-center gap-10 sm:gap-32">
|
||||||
<div className="w-32 lg:w-48">
|
<div className="w-full">
|
||||||
<a
|
<a
|
||||||
// className="px-1 py-1 lg:py-2 flex justify-center items-center gap-1 w-full rounded-md bg-black text-white hover:text-slate-500 hover:shadow-lg transition-all duration-300"
|
// className="px-1 py-1 lg:py-2 flex justify-center items-center gap-1 w-full rounded-md bg-black text-white hover:text-slate-500 hover:shadow-lg transition-all duration-300"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
@@ -199,7 +199,7 @@ export default function Promo() {
|
|||||||
<img src={IOSDownload} className='w-full h-auto' alt='IOS Download' />
|
<img src={IOSDownload} className='w-full h-auto' alt='IOS Download' />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div className="w-32 lg:w-48">
|
<div className="w-full">
|
||||||
<a
|
<a
|
||||||
// className="px-1 py-1 lg:py-2 flex justify-center items-center gap-1 w-full rounded-md bg-black text-white hover:text-slate-500 hover:shadow-lg transition-all duration-300"
|
// className="px-1 py-1 lg:py-2 flex justify-center items-center gap-1 w-full rounded-md bg-black text-white hover:text-slate-500 hover:shadow-lg transition-all duration-300"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|||||||
@@ -5,9 +5,6 @@ import usersService from "../../../services/UsersService";
|
|||||||
import InputCom from "../../Helpers/Inputs/InputCom";
|
import InputCom from "../../Helpers/Inputs/InputCom";
|
||||||
import AuthLayout from "../AuthLayout2";
|
import AuthLayout from "../AuthLayout2";
|
||||||
|
|
||||||
import GoogleDownload from '../../../assets/images/download/andriod.jpg'
|
|
||||||
import IOSDownload from '../../../assets/images/download/apple.jpg'
|
|
||||||
|
|
||||||
export default function SignUp() {
|
export default function SignUp() {
|
||||||
// eslint-disable-next-line no-restricted-globals
|
// eslint-disable-next-line no-restricted-globals
|
||||||
const queryParams = new URLSearchParams(location?.search);
|
const queryParams = new URLSearchParams(location?.search);
|
||||||
@@ -350,38 +347,36 @@ export default function SignUp() {
|
|||||||
{/* APP DOWNLOAD STORE */}
|
{/* APP DOWNLOAD STORE */}
|
||||||
<div className="w-full mt-4">
|
<div className="w-full mt-4">
|
||||||
<div className="w-full flex justify-center items-center gap-4">
|
<div className="w-full flex justify-center items-center gap-4">
|
||||||
<div className="w-32 lg:w-48">
|
<div className="w-28 lg:w-32">
|
||||||
<a
|
<a
|
||||||
// className="px-1 py-1 lg:py-2 flex justify-center items-center gap-1 w-full rounded-md bg-black text-white hover:text-slate-500 hover:shadow-lg transition-all duration-300"
|
className="px-1 py-1 lg:py-2 flex justify-center items-center gap-1 w-full rounded-md bg-black text-white hover:text-slate-500 hover:shadow-lg transition-all duration-300"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noreferrer"
|
|
||||||
href={process.env.REACT_APP_APPLE_APP}
|
href={process.env.REACT_APP_APPLE_APP}
|
||||||
|
rel="noreferrer"
|
||||||
>
|
>
|
||||||
{/* <i className="fa-brands fa-apple text-3xl"></i>
|
<i className="fa-brands fa-apple text-3xl"></i>
|
||||||
<div className="flex flex-col">
|
<div className="flex flex-col">
|
||||||
<span className="text-[11px]">Available on the</span>
|
<span className="text-[11px]">Available on the</span>
|
||||||
<span className="text-[12px] lg:text-base">
|
<span className="text-[12px] lg:text-base">
|
||||||
App Store
|
App Store
|
||||||
</span>
|
</span>
|
||||||
</div> */}
|
</div>
|
||||||
<img src={IOSDownload} className='w-full h-auto' alt='IOS Download' />
|
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div className="w-32 lg:w-48">
|
<div className="w-28 lg:w-32">
|
||||||
<a
|
<a
|
||||||
// className="px-1 py-1 lg:py-2 flex justify-center items-center gap-1 w-full rounded-md bg-black text-white hover:text-slate-500 hover:shadow-lg transition-all duration-300"
|
className="px-1 py-1 lg:py-2 flex justify-center items-center gap-1 w-full rounded-md bg-black text-white hover:text-slate-500 hover:shadow-lg transition-all duration-300"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noreferrer"
|
|
||||||
href={process.env.REACT_APP_ANDROID_APP}
|
href={process.env.REACT_APP_ANDROID_APP}
|
||||||
|
rel="noreferrer"
|
||||||
>
|
>
|
||||||
{/* <i className="fa-brands fa-google-play text-2xl"></i>
|
<i className="fa-brands fa-google-play text-2xl"></i>
|
||||||
<div className="flex flex-col">
|
<div className="flex flex-col">
|
||||||
<span className="text-[11px]">Available on the</span>
|
<span className="text-[11px]">Available on the</span>
|
||||||
<span className="text-[12px] lg:text-base">
|
<span className="text-[12px] lg:text-base">
|
||||||
Google Play
|
Google Play
|
||||||
</span>
|
</span>
|
||||||
</div> */}
|
</div>
|
||||||
<img src={GoogleDownload} className='w-full h-auto' alt='IOS Download' />
|
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -5,15 +5,13 @@ import OfferJobPopout from '../../components/jobPopout/OfferJobPopout'
|
|||||||
import { PriceFormatter } from "../Helpers/PriceFormatter";
|
import { PriceFormatter } from "../Helpers/PriceFormatter";
|
||||||
import CountDown from '../Helpers/CountDown'
|
import CountDown from '../Helpers/CountDown'
|
||||||
|
|
||||||
const AccountDashboard = ({ className, bannerList, offersList, imageServer }) => {
|
const AccountDashboard = ({ className, bannerList, offersList }) => {
|
||||||
|
|
||||||
let [offerPopout, setOfferPopout] = useState({ show: false, data: {} }); // STATE TO HOLD THE VALUE OF THE ALERT DETAILS AND DETERMINE WHEN TO SHOW
|
let [offerPopout, setOfferPopout] = useState({ show: false, data: {} }); // STATE TO HOLD THE VALUE OF THE ALERT DETAILS AND DETERMINE WHEN TO SHOW
|
||||||
|
|
||||||
let offersListLength = offersList?.length
|
|
||||||
|
|
||||||
// getting the upper three banners for the home layout
|
// getting the upper three banners for the home layout
|
||||||
const getUpperBanner = bannerList?.filter((value, idx) => idx <= 2 - offersListLength);
|
const getUpperBanner = bannerList?.filter((value, idx) => idx <= 2);
|
||||||
const getLowerBanner = bannerList?.filter((value, idx) => !getUpperBanner?.map(item => item?.title)?.includes(value.title));
|
const getLowerBanner = bannerList?.filter((value, idx) => idx > 2);
|
||||||
|
|
||||||
let getImage = ({ banner_location, banner }) => {
|
let getImage = ({ banner_location, banner }) => {
|
||||||
if (banner_location == "LOCAL") {
|
if (banner_location == "LOCAL") {
|
||||||
@@ -35,15 +33,15 @@ const AccountDashboard = ({ className, bannerList, offersList, imageServer }) =>
|
|||||||
|
|
||||||
{/* OFFER LIST DISPLAY */}
|
{/* OFFER LIST DISPLAY */}
|
||||||
<>
|
<>
|
||||||
{(offersList && offersList?.length > 0) &&
|
{(offersList && offersList?.result_list?.length > 0) &&
|
||||||
offersList.map((item, index) => {
|
offersList.result_list.map((item, index) => {
|
||||||
let thePrice = PriceFormatter(
|
let thePrice = PriceFormatter(
|
||||||
item?.price * 0.01,
|
item?.price * 0.01,
|
||||||
item?.currency_code,
|
item?.currency_code,
|
||||||
item?.currency
|
item?.currency
|
||||||
);
|
);
|
||||||
|
|
||||||
let image = `${imageServer}${localStorage.getItem("session_token")}/job/${item.job_uid}`
|
let image = `${offersList.session_image_server}${localStorage.getItem("session_token")}/job/${item.job_uid}`
|
||||||
return (
|
return (
|
||||||
<div key={item.id}>
|
<div key={item.id}>
|
||||||
<NewOfferCard datas={item} image={image} price={thePrice} setOfferPopout={setOfferPopout} />
|
<NewOfferCard datas={item} image={image} price={thePrice} setOfferPopout={setOfferPopout} />
|
||||||
@@ -179,11 +177,11 @@ const NewOfferCard = ({ datas, hidden = false, price, setOfferPopout, image }) =
|
|||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
onClick={() =>
|
onClick={() =>
|
||||||
setOfferPopout({ show: true, data: { ...datas, image } })
|
setOfferPopout({ show: true, data: { ...datas, price, image } })
|
||||||
}
|
}
|
||||||
className="btn-shine w-2/3 h-[40px] text-white rounded-full text-sm bg-pink flex justify-center items-center"
|
className="btn-shine w-2/3 h-[40px] text-white rounded-full text-sm bg-pink flex justify-center items-center"
|
||||||
>
|
>
|
||||||
Start Now
|
Start Task
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -5,6 +5,7 @@ import { useSelector } from "react-redux";
|
|||||||
export default function FamilyParentDashboard({
|
export default function FamilyParentDashboard({
|
||||||
className,
|
className,
|
||||||
bannerList,
|
bannerList,
|
||||||
|
nextDueTask,
|
||||||
}) {
|
}) {
|
||||||
const { userDetails } = useSelector((state) => state?.userDetails);
|
const { userDetails } = useSelector((state) => state?.userDetails);
|
||||||
|
|
||||||
|
|||||||
@@ -2,7 +2,7 @@ import React from "react";
|
|||||||
// import HomeSliders from "./HomeSliders";
|
// import HomeSliders from "./HomeSliders";
|
||||||
import { useSelector } from "react-redux";
|
import { useSelector } from "react-redux";
|
||||||
|
|
||||||
export default function HomeDashboard({ className, bannerList }) {
|
export default function HomeDashboard({ className, bannerList, nextDueTask }) {
|
||||||
const { userDetails } = useSelector((state) => state?.userDetails);
|
const { userDetails } = useSelector((state) => state?.userDetails);
|
||||||
|
|
||||||
let loginDate = userDetails?.last_login.split(" ")[0];
|
let loginDate = userDetails?.last_login.split(" ")[0];
|
||||||
|
|||||||
@@ -5,6 +5,7 @@ import { useSelector } from "react-redux";
|
|||||||
export default function JobOwnerDashboard({
|
export default function JobOwnerDashboard({
|
||||||
className,
|
className,
|
||||||
bannerList,
|
bannerList,
|
||||||
|
nextDueTask,
|
||||||
}) {
|
}) {
|
||||||
const { userDetails } = useSelector((state) => state?.userDetails);
|
const { userDetails } = useSelector((state) => state?.userDetails);
|
||||||
|
|
||||||
|
|||||||
@@ -5,6 +5,7 @@ import { useSelector } from "react-redux";
|
|||||||
export default function WorkerDashboard({
|
export default function WorkerDashboard({
|
||||||
className,
|
className,
|
||||||
bannerList,
|
bannerList,
|
||||||
|
nextDueTask,
|
||||||
}) {
|
}) {
|
||||||
const { userDetails } = useSelector((state) => state?.userDetails);
|
const { userDetails } = useSelector((state) => state?.userDetails);
|
||||||
|
|
||||||
|
|||||||
@@ -22,6 +22,7 @@ export default function FullAccountDash(props) {
|
|||||||
className="mb-4"
|
className="mb-4"
|
||||||
data={userDetails}
|
data={userDetails}
|
||||||
bannerList={props.bannerList}
|
bannerList={props.bannerList}
|
||||||
|
nextDueTask={props.nextDueTask}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
case "FAMILY_PARENT_DASH":
|
case "FAMILY_PARENT_DASH":
|
||||||
@@ -30,6 +31,7 @@ export default function FullAccountDash(props) {
|
|||||||
className="mb-4"
|
className="mb-4"
|
||||||
data={userDetails}
|
data={userDetails}
|
||||||
bannerList={props.bannerList}
|
bannerList={props.bannerList}
|
||||||
|
nextDueTask={props.nextDueTask}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
case "WORKER_HOME_DASH":
|
case "WORKER_HOME_DASH":
|
||||||
@@ -38,6 +40,7 @@ export default function FullAccountDash(props) {
|
|||||||
className="mb-4"
|
className="mb-4"
|
||||||
data={userDetails}
|
data={userDetails}
|
||||||
bannerList={props.bannerList}
|
bannerList={props.bannerList}
|
||||||
|
nextDueTask={props.nextDueTask}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
case "JOBOWNER_HOME_DASH":
|
case "JOBOWNER_HOME_DASH":
|
||||||
@@ -46,6 +49,7 @@ export default function FullAccountDash(props) {
|
|||||||
className="mb-4"
|
className="mb-4"
|
||||||
data={userDetails}
|
data={userDetails}
|
||||||
bannerList={props.bannerList}
|
bannerList={props.bannerList}
|
||||||
|
nextDueTask={props.nextDueTask}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
default:
|
default:
|
||||||
@@ -58,18 +62,16 @@ export default function FullAccountDash(props) {
|
|||||||
<div className="home-page-wrapper">
|
<div className="home-page-wrapper">
|
||||||
{renderDashboard()}
|
{renderDashboard()}
|
||||||
{process.env.REACT_APP_SHOW_ACCOUNT_DASH == "1" && (
|
{process.env.REACT_APP_SHOW_ACCOUNT_DASH == "1" && (
|
||||||
<AccountDashboard className="mb-4" bannerList={props.bannerList} offersList={props.offersList} imageServer={props.imageServer} />
|
<AccountDashboard className="mb-4" bannerList={props.bannerList} offersList={props.offersList?.data} />
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{/* {props?.dashTypes !== "undefined" &&
|
{props?.dashTypes !== "undefined" &&
|
||||||
props.offersList?.data?.result_list?.length ? (
|
props.offersList?.data?.result_list?.length ? (
|
||||||
<MyOffersTable
|
<MyOffersTable
|
||||||
MyActiveOffersList={props.offersList?.data}
|
MyActiveOffersList={props.offersList?.data}
|
||||||
className="mb-10"
|
className="mb-10"
|
||||||
/>
|
/>
|
||||||
)
|
) : props.MyActiveJobList?.data?.length ? (
|
||||||
:
|
|
||||||
props.MyActiveJobList?.data?.length ? (
|
|
||||||
<>
|
<>
|
||||||
<div className="w-full mb-5 flex justify-between items-center gap-1">
|
<div className="w-full mb-5 flex justify-between items-center gap-1">
|
||||||
<h1 className="text-26 font-bold text-dark-gray dark:text-white">
|
<h1 className="text-26 font-bold text-dark-gray dark:text-white">
|
||||||
@@ -82,7 +84,7 @@ export default function FullAccountDash(props) {
|
|||||||
imageServer={props.offersList?.data?.session_image_server}
|
imageServer={props.offersList?.data?.session_image_server}
|
||||||
/>
|
/>
|
||||||
</>
|
</>
|
||||||
) : null} */}
|
) : null}
|
||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -5,65 +5,68 @@ import usersService from "../../services/UsersService";
|
|||||||
import { useSelector } from "react-redux";
|
import { useSelector } from "react-redux";
|
||||||
import FamilyDash from "./FamilyDash";
|
import FamilyDash from "./FamilyDash";
|
||||||
import FullAccountDash from "./FullAccountDash";
|
import FullAccountDash from "./FullAccountDash";
|
||||||
import LoadingSpinner from '../../components/Spinners/LoadingSpinner'
|
|
||||||
|
|
||||||
export default function Home(props) {
|
export default function Home(props) {
|
||||||
// console.log("PROPS IN HOME->", props);
|
// console.log("PROPS IN HOME->", props);
|
||||||
const userApi = new usersService();
|
const userApi = new usersService();
|
||||||
const { commonHeadBanner } = useSelector((state) => state.commonHeadBanner);
|
const { commonHeadBanner } = useSelector((state) => state.commonHeadBanner);
|
||||||
|
|
||||||
|
let [nextDueTask, setNextDueTask] = useState({});
|
||||||
|
const [MyOffersList, setMyOffersList] = useState({loading: true, data: []});
|
||||||
|
|
||||||
const { userDetails } = useSelector((state) => state?.userDetails);
|
const { userDetails } = useSelector((state) => state?.userDetails);
|
||||||
|
|
||||||
// const [MyActiveJobList, setMyActiveJobList] = useState({loading:true, data:[]}); // STATE TO HOLD ACTIVE/CURRENT TASKS
|
const [MyActiveJobList, setMyActiveJobList] = useState({loading:true, data:[]}); // STATE TO HOLD ACTIVE/CURRENT TASKS
|
||||||
|
// const [MyActiveJobList, setMyActiveJobList] = useState([]); // STATE TO HOLD ACTIVE/CURRENT TASKS
|
||||||
|
|
||||||
// const getMyActiveJobList = async () => { // FUNCTION TO POPULATE ACTIVE/CURRENT TASK LIST
|
const getMyActiveJobList = async () => { // FUNCTION TO POPULATE ACTIVE/CURRENT TASK LIST
|
||||||
// try {
|
try {
|
||||||
// const res = await userApi.getMyActiveTaskList();
|
const res = await userApi.getMyActiveTaskList();
|
||||||
// setMyActiveJobList({loading:false, data:res?.data?.result_list});
|
setMyActiveJobList({loading:false, data:res?.data?.result_list});
|
||||||
// // setMyActiveJobList(res?.data?.result_list);
|
// setMyActiveJobList(res?.data?.result_list);
|
||||||
// } catch (error) {
|
} catch (error) {
|
||||||
// setMyActiveJobList({loading:false, data:[]});
|
setMyActiveJobList({loading:false, data:[]});
|
||||||
// // setMyActiveJobList([]);
|
// setMyActiveJobList([]);
|
||||||
// console.log("Error getting tasks");
|
console.log("Error getting tasks");
|
||||||
// }
|
}
|
||||||
// };
|
};
|
||||||
|
|
||||||
// FUNCTION TO GET DASH DATA TO DETERMINE CURRENT TASK DUE TIME
|
// FUNCTION TO GET DASH DATA TO DETERMINE CURRENT TASK DUE TIME
|
||||||
// const getHomeDate = () => {
|
const getHomeDate = () => {
|
||||||
// userApi
|
userApi
|
||||||
// .getHomeDate()
|
.getHomeDate()
|
||||||
// .then((res) => {
|
.then((res) => {
|
||||||
// if (res.status != 200 || res.internal_return < 0) {
|
if (res.status != 200 || res.internal_return < 0) {
|
||||||
// return;
|
return;
|
||||||
// }
|
}
|
||||||
// setNextDueTask(res.data);
|
setNextDueTask(res.data);
|
||||||
// })
|
})
|
||||||
// .catch((error) => {
|
.catch((error) => {
|
||||||
// console.log(error);
|
console.log(error);
|
||||||
// });
|
});
|
||||||
// };
|
};
|
||||||
|
|
||||||
// const getMyOffersList = async () => {
|
const getMyOffersList = async () => {
|
||||||
// try {
|
try {
|
||||||
// const res = await userApi.getOffersList();
|
const res = await userApi.getOffersList();
|
||||||
// setMyOffersList({loading:false, data:res.data});
|
setMyOffersList({loading:false, data:res.data});
|
||||||
// } catch (error) {
|
} catch (error) {
|
||||||
// setMyOffersList({loading:false, data:[]});
|
setMyOffersList({loading:false, data:[]});
|
||||||
// console.log("Error getting offers", error);
|
console.log("Error getting offers", error);
|
||||||
// }
|
}
|
||||||
// };
|
};
|
||||||
|
|
||||||
// useEffect(() => {
|
useEffect(() => {
|
||||||
// if(userDetails?.account_type == 'FULL'){
|
const fetchData = async () => {
|
||||||
// getMyActiveJobList();
|
await Promise.all([getHomeDate(), getMyOffersList(), getMyActiveJobList()]);
|
||||||
// }
|
};
|
||||||
// }, []);
|
if(userDetails?.account_type == 'FULL'){
|
||||||
|
fetchData();
|
||||||
|
}
|
||||||
|
}, []);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Layout>
|
<Layout>
|
||||||
{Object.keys(commonHeadBanner).length < 1 ?
|
|
||||||
<LoadingSpinner height='h-48' size='16' />
|
|
||||||
:
|
|
||||||
<div className="w-full">
|
<div className="w-full">
|
||||||
{userDetails && userDetails?.account_type == "FAMILY" ? (
|
{userDetails && userDetails?.account_type == "FAMILY" ? (
|
||||||
<FamilyDash
|
<FamilyDash
|
||||||
@@ -75,12 +78,11 @@ export default function Home(props) {
|
|||||||
/>
|
/>
|
||||||
) : userDetails && userDetails?.account_type == "FULL" ? (
|
) : userDetails && userDetails?.account_type == "FULL" ? (
|
||||||
<FullAccountDash
|
<FullAccountDash
|
||||||
|
nextDueTask={nextDueTask}
|
||||||
bannerList={props.bannerList}
|
bannerList={props.bannerList}
|
||||||
dashTypes={props.dashTypes}
|
dashTypes={props.dashTypes}
|
||||||
// offersList={MyOffersList}
|
offersList={MyOffersList}
|
||||||
// MyActiveJobList={MyActiveJobList}
|
MyActiveJobList={MyActiveJobList}
|
||||||
offersList={props.offersList}
|
|
||||||
imageServer={props.imageServer}
|
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<div>
|
<div>
|
||||||
@@ -88,7 +90,6 @@ export default function Home(props) {
|
|||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
}
|
|
||||||
</Layout>
|
</Layout>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -8,7 +8,6 @@ import LoadingSpinner from "../Spinners/LoadingSpinner";
|
|||||||
|
|
||||||
import { tableReload } from "../../store/TableReloads";
|
import { tableReload } from "../../store/TableReloads";
|
||||||
import { useDispatch } from "react-redux";
|
import { useDispatch } from "react-redux";
|
||||||
import { PriceFormatter } from "../Helpers/PriceFormatter";
|
|
||||||
|
|
||||||
function OfferJobPopout({ details, onClose, situation }) {
|
function OfferJobPopout({ details, onClose, situation }) {
|
||||||
const apiUrl = new usersService();
|
const apiUrl = new usersService();
|
||||||
@@ -22,12 +21,6 @@ function OfferJobPopout({ details, onClose, situation }) {
|
|||||||
trigger: "",
|
trigger: "",
|
||||||
});
|
});
|
||||||
|
|
||||||
let thePrice = PriceFormatter(
|
|
||||||
details?.price * 0.01,
|
|
||||||
details?.currency_code,
|
|
||||||
details?.currency
|
|
||||||
);
|
|
||||||
|
|
||||||
//FUNCTION TO HANDLE AN OFFER
|
//FUNCTION TO HANDLE AN OFFER
|
||||||
const handleOffer = ({ target: { name } }) => {
|
const handleOffer = ({ target: { name } }) => {
|
||||||
const reqData = {
|
const reqData = {
|
||||||
@@ -142,60 +135,54 @@ function OfferJobPopout({ details, onClose, situation }) {
|
|||||||
</div>
|
</div>
|
||||||
<div className="md:flex bg-white dark:bg-dark-white rounded-lg">
|
<div className="md:flex bg-white dark:bg-dark-white rounded-lg">
|
||||||
<div className="p-4 w-full md:w-3/4 md:border-r-2">
|
<div className="p-4 w-full md:w-3/4 md:border-r-2">
|
||||||
|
<p className="text-lg my-5 font-semibold text-slate-900 dark:text-white tracking-wide">
|
||||||
{/* INPUT SECTION */}
|
|
||||||
<div className='grid md:grid-cols-2'>
|
|
||||||
<div className="my-2 md:flex">
|
|
||||||
<Detail
|
|
||||||
label="Date"
|
|
||||||
value={
|
|
||||||
(details.offer_added && details.offer_added?.split(" ")[0]) ||
|
|
||||||
"default"
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="my-2 md:flex">
|
|
||||||
<Detail
|
|
||||||
label="Offer Expire"
|
|
||||||
value={details.expire && details.expire.split(" ")[0]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className='grid md:grid-cols-2'>
|
|
||||||
<div className="my-2 md:flex">
|
|
||||||
<Detail label="Reward" value={thePrice} />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="my-2 md:flex">
|
|
||||||
<Detail
|
|
||||||
label="Duration"
|
|
||||||
value={`${details.timeline_days} day(s)`}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p className="text-lg my-5 font-semibold text-slate-900 dark:text-white tracking-wide line-clamp-1">
|
|
||||||
{details.title}
|
{details.title}
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
{/* INPUT SECTION */}
|
||||||
|
<div className="my-2 md:flex">
|
||||||
|
<Detail
|
||||||
|
label="Date"
|
||||||
|
value={
|
||||||
|
(details.offer_added && details.offer_added?.split(" ")[0]) ||
|
||||||
|
"default"
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className="my-2 md:flex">
|
<div className="my-2 md:flex">
|
||||||
<Detail label="Description" value={details.description} />
|
<Detail label="Description" value={details.description} />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div className="my-2 md:flex">
|
||||||
|
<Detail
|
||||||
|
label="Offer Expire"
|
||||||
|
value={details.expire && details.expire.split(" ")[0]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className="my-2 md:flex">
|
<div className="my-2 md:flex">
|
||||||
<label className='job-label w-full md:w-[150px]'>Detail</label>
|
<Detail label="Reward" value={details.thePrice} />
|
||||||
<p className={`p-1 w-full md:w-3/4 text-sm text-slate-900 dark:text-white min-h-[100px] max-h-[200px] overflow-y-auto border boder-2 rounded-md`}>{details.job_description || details.job_detail}</p>
|
</div>
|
||||||
|
|
||||||
|
<div className="my-2 md:flex">
|
||||||
|
<Detail
|
||||||
|
label="Duration"
|
||||||
|
value={`${details.timeline_days} day(s)`}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="my-2 md:flex">
|
||||||
|
<Detail
|
||||||
|
label="Detail"
|
||||||
|
value={details.job_description || details.description}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* ACTION SECTION */}
|
{/* ACTION SECTION */}
|
||||||
<div className="p-4 w-full md:w-1/4 h-full">
|
<div className="p-4 w-full md:w-1/4 h-full">
|
||||||
<div className="my-3 md:flex flex-col md:justify-center">
|
<div className="my-3 md:flex md:justify-center">
|
||||||
<h1 className='mb-2 text-base font-semibold text-slate-900 dark:text-white tracking-wide'>I understand the task</h1>
|
|
||||||
{requestStatus.loading && requestStatus.trigger == "offer" ? (
|
{requestStatus.loading && requestStatus.trigger == "offer" ? (
|
||||||
<LoadingSpinner size={8} color="sky-blue" />
|
<LoadingSpinner size={8} color="sky-blue" />
|
||||||
) : (
|
) : (
|
||||||
@@ -203,9 +190,9 @@ function OfferJobPopout({ details, onClose, situation }) {
|
|||||||
name="accept"
|
name="accept"
|
||||||
onClick={handleOffer}
|
onClick={handleOffer}
|
||||||
disabled={requestStatus.loading}
|
disabled={requestStatus.loading}
|
||||||
className="px-2 h-28 flex justify-center items-center btn-gradient text-2xl rounded-xl text-white"
|
className="px-2 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
|
||||||
>
|
>
|
||||||
Start Now
|
Accept Offer
|
||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
@@ -218,10 +205,9 @@ function OfferJobPopout({ details, onClose, situation }) {
|
|||||||
name="reject"
|
name="reject"
|
||||||
onClick={handleOffer}
|
onClick={handleOffer}
|
||||||
disabled={requestStatus.loading}
|
disabled={requestStatus.loading}
|
||||||
className="group relative px-2 h-11 flex justify-center items-center text-base text-black dark:text-white"
|
className="px-2 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
|
||||||
>
|
>
|
||||||
Reject Offer
|
Reject Offer
|
||||||
<div className='absolute bottom-1 w-full h-[1px] bg-black hidden group-hover:block'></div>
|
|
||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -111,8 +111,8 @@ const AuthRoute = ({ redirectPath = "/login", children }) => {
|
|||||||
}
|
}
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
useEffect(() => { // FUNCTION TO GET NOTIFICATIONS LIST
|
useEffect(() => {
|
||||||
const notifications = () => {
|
const getNotifications = () => {
|
||||||
// function to load user notification
|
// function to load user notification
|
||||||
dispatch(updateNotifications({ loading: true }));
|
dispatch(updateNotifications({ loading: true }));
|
||||||
apiCall
|
apiCall
|
||||||
@@ -168,9 +168,7 @@ const AuthRoute = ({ redirectPath = "/login", children }) => {
|
|||||||
dispatch(updateNotifications({ loading: false, data: null }));
|
dispatch(updateNotifications({ loading: false, data: null }));
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
// delay verify requests by 10000ms
|
getNotifications();
|
||||||
const delay15secs = setTimeout(notifications, 15000)
|
|
||||||
return ()=> clearTimeout(delay15secs)
|
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
@@ -250,23 +248,23 @@ const AuthRoute = ({ redirectPath = "/login", children }) => {
|
|||||||
}, [isLogin.status]);
|
}, [isLogin.status]);
|
||||||
|
|
||||||
//FUNCTION TO GET COMMON HEAD DATA
|
//FUNCTION TO GET COMMON HEAD DATA
|
||||||
// useEffect(() => {
|
useEffect(() => {
|
||||||
// if((!loggedIn && !isLogin.status) || account_type == 'FAMILY'){ // DO NOT CALL THIS, IF USER ACCOUNT TYPE IS FAMILY
|
if((!loggedIn && !isLogin.status) || account_type == 'FAMILY'){ // DO NOT CALL THIS, IF USER ACCOUNT TYPE IS FAMILY
|
||||||
// return
|
return
|
||||||
// }
|
}
|
||||||
// apiCall
|
apiCall
|
||||||
// .getRecentActivitiedData()
|
.getRecentActivitiedData()
|
||||||
// .then((res) => {
|
.then((res) => {
|
||||||
// // debugger;
|
// debugger;
|
||||||
// if (res?.data?.internal_return < 0) {
|
if (res?.data?.internal_return < 0) {
|
||||||
// return;
|
return;
|
||||||
// }
|
}
|
||||||
// dispatch(recentActivitiesData(res.data));
|
dispatch(recentActivitiesData(res.data));
|
||||||
// })
|
})
|
||||||
// .catch((error) => {
|
.catch((error) => {
|
||||||
// console.log("ERROR ", error);
|
console.log("ERROR ", error);
|
||||||
// });
|
});
|
||||||
// }, [isLogin.status]);
|
}, [isLogin.status]);
|
||||||
|
|
||||||
|
|
||||||
//FUNCTION TO GET FAMILY BANNERS
|
//FUNCTION TO GET FAMILY BANNERS
|
||||||
|
|||||||
@@ -7,8 +7,6 @@ export default function HomePages() {
|
|||||||
const bannerOptions = {
|
const bannerOptions = {
|
||||||
bannerList: commonHeadBanner?.result_list,
|
bannerList: commonHeadBanner?.result_list,
|
||||||
dashTypes: commonHeadBanner?.home_dash_type,
|
dashTypes: commonHeadBanner?.home_dash_type,
|
||||||
offersList: commonHeadBanner?.offers_list,
|
|
||||||
imageServer: commonHeadBanner?.session_image_server
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
Reference in New Issue
Block a user