CHIEFSOFT\ameye
110 lines
3.1 KiB
React
110 lines
3.1 KiB
React
import React, { useState, useEffect } from "react";
|
|
import datas from "../../data/product_data.json";
|
|
import Layout from "../Partials/Layout";
|
|
import usersService from "../../services/UsersService";
|
|
import { useSelector } from "react-redux";
|
|
import FamilyDash from "./FamilyDash";
|
|
import FullAccountDash from "./FullAccountDash";
|
|
|
|
export default function Home(props) {
|
|
// console.log("PROPS IN HOME->", props);
|
|
const userApi = new usersService();
|
|
const { commonHeadBanner } = useSelector((state) => state.commonHeadBanner);
|
|
|
|
let [nextDueTask, setNextDueTask] = useState({});
|
|
const [MyOffersList, setMyOffersList] = useState([]);
|
|
|
|
const { userDetails } = useSelector((state) => state?.userDetails);
|
|
|
|
const [MyActiveJobList, setMyActiveJobList] = useState([]); // STATE TO HOLD ACTIVE/CURRENT TASKS
|
|
|
|
const getMyActiveJobList = async () => { // FUNCTION TO POPULATE ACTIVE/CURRENT TASK LIST
|
|
try {
|
|
const res = await userApi.getMyActiveTaskList();
|
|
setMyActiveJobList(res?.data?.result_list);
|
|
} catch (error) {
|
|
setMyActiveJobList([]);
|
|
console.log("Error getting tasks");
|
|
}
|
|
};
|
|
|
|
|
|
// FUNCTION TO GET DASH DATA TO DETERMINE CURRENT TASK DUE TIME
|
|
const getHomeDate = () => {
|
|
userApi
|
|
.getHomeDate()
|
|
.then((res) => {
|
|
if (res.status != 200 || res.internal_return < 0) {
|
|
return;
|
|
}
|
|
setNextDueTask(res.data);
|
|
})
|
|
.catch((error) => {
|
|
console.log(error);
|
|
});
|
|
};
|
|
|
|
const getMyOffersList = async () => {
|
|
try {
|
|
const res = await userApi.getOffersList();
|
|
setMyOffersList(res.data?.result_list);
|
|
} catch (error) {
|
|
console.log("Error getting offers", error);
|
|
}
|
|
};
|
|
|
|
useEffect(() => {
|
|
const fetchData = async () => {
|
|
await Promise.all([getHomeDate(), getMyOffersList()]);
|
|
};
|
|
|
|
fetchData();
|
|
}, []);
|
|
|
|
useEffect(() => {
|
|
getMyActiveJobList();
|
|
}, []);
|
|
|
|
return (
|
|
<Layout>
|
|
<div className="home-page-wrapper">
|
|
{userDetails && userDetails?.account_type == "FAMILY" ? (
|
|
<FamilyDash
|
|
account={userDetails}
|
|
commonHeadData={props.bannerList}
|
|
familyOffers={MyOffersList}
|
|
MyActiveJobList={MyActiveJobList}
|
|
/>
|
|
) : userDetails && userDetails?.account_type == "FULL" ? (
|
|
<FullAccountDash
|
|
nextDueTask={nextDueTask}
|
|
bannerList={props.bannerList}
|
|
/>
|
|
) : (
|
|
<div>
|
|
You are not logged in or your account type is not supported.
|
|
</div>
|
|
)}
|
|
</div>
|
|
</Layout>
|
|
);
|
|
}
|
|
// /*
|
|
// <Layout>
|
|
// <div className="home-page-wrapper">
|
|
// <Hero className="mb-10" data={userDetails} />
|
|
// {/* <CreateNft />
|
|
// <TrendingSection trending={trending} className="mb-10" />*/}
|
|
// <HomeTaskDisplay
|
|
// jobData={jobData}
|
|
// className="mb-10"
|
|
// bannerList={props.bannerList}
|
|
// />
|
|
{
|
|
/* <SellHistoryMarketVisitorAnalytic className="mb-10"/>
|
|
<TopSellerTopBuyerSliderSection className="mb-10" />
|
|
<UpdateTable className="mb-10"/>*/
|
|
}
|
|
// </div>
|
|
// </Layout>
|