Compare commits

..

1 Commits

Author SHA1 Message Date
victorAnumudu 10189a89c4 repositioned offer list display 2024-09-24 21:10:16 +01:00
13 changed files with 148 additions and 173 deletions
+8 -14
View File
@@ -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]">
+4 -4
View File
@@ -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"
+10 -15
View File
@@ -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>
+8 -10
View File
@@ -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);
+1 -1
View File
@@ -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);
+8 -6
View File
@@ -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>
</> </>
); );
+49 -48
View File
@@ -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>
); );
} }
+37 -51
View File
@@ -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>
+20 -22
View File
@@ -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
-2
View File
@@ -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 (