From c34fea5c7f7be02958018762f5b7d3a057507aeb Mon Sep 17 00:00:00 2001 From: "CHIEFSOFT\\ameye" Date: Sat, 6 May 2023 20:50:20 -0400 Subject: [PATCH] active jobs --- src/Routers.jsx | 3 +- .../MyActiveJobs/MyActiveJobTable.jsx | 83 +++++++++++++++++++ src/components/MyActiveJobs/index.jsx | 41 +++++++++ src/services/UsersService.js | 13 +++ src/views/MyActiveJobsPage.jsx | 29 +++++++ 5 files changed, 168 insertions(+), 1 deletion(-) create mode 100644 src/components/MyActiveJobs/MyActiveJobTable.jsx create mode 100644 src/components/MyActiveJobs/index.jsx create mode 100644 src/views/MyActiveJobsPage.jsx diff --git a/src/Routers.jsx b/src/Routers.jsx index 3d843e6..b224f16 100644 --- a/src/Routers.jsx +++ b/src/Routers.jsx @@ -31,6 +31,7 @@ import MyTaskPage from "./views/MyTaskPage"; import MyJobsPage from "./views/MyJobsPage"; import ReferralPage from "./views/ReferralPage"; import VerifyLinkPages from "./views/VerifyLinkPages"; +import MyActiveJobsPage from "./views/MyActiveJobsPage"; export default function Routers() { return ( @@ -73,7 +74,7 @@ export default function Routers() { } /> } /> } /> - } /> + } /> } /> +
+ + + {/**/} + {/* */} + {/* */} + {/**/} + + { + <> + {MyJobList && MyJobList?.result_list && + MyJobList.result_list.length > 0 && + MyJobList.result_list.map((value) => ( + <> + + + + + + + + + ))} + + + + } + +
All Product.
+
+
+ data +
+
+

+ {value.title} +

+
+ {value.description} +
+ + Price: {value.price*0.01} + + + Duration: {value.timeline_days} day(s) + + + Expire: {value.expire} + +
+
+ 		+ +
+
+ + ); +} diff --git a/src/components/MyActiveJobs/index.jsx b/src/components/MyActiveJobs/index.jsx new file mode 100644 index 0000000..1fd766e --- /dev/null +++ b/src/components/MyActiveJobs/index.jsx @@ -0,0 +1,41 @@ +import React, { useState } from "react"; +import { Link } from "react-router-dom"; +import Layout from "../Partials/Layout"; +import CommonHead from "../UserHeader/CommonHead"; +import MyActiveJobTable from "./MyActiveJobTable"; + +export default function MyActiveJobs(props) { + const [selectTab, setValue] = useState("today"); + const filterHandler = (value) => { + setValue(value); + }; + console.log("AMEYE LOC1", props.MyJobList); + return ( + + +
+
+ {/* heading */} +
+
+

+ + Current Job(s) + + +

+
+
+
filterHandler("today")} className="relative"> + +
+
+
+ +
+
+ + ); +} diff --git a/src/services/UsersService.js b/src/services/UsersService.js index e7c9d6e..c943834 100644 --- a/src/services/UsersService.js +++ b/src/services/UsersService.js @@ -197,6 +197,19 @@ class usersService { }; return this.postAuxEnd("/sendmoneyfee", postData); } + + getMyActiveJobList(){ + var postData = { + uuid: localStorage.getItem("uid"), + member_id: localStorage.getItem("member_id"), + sessionid: localStorage.getItem("session_token"), + page:0, + offset:0, + limit :100 + }; + return this.postAuxEnd("/jobmanageroffers", postData); + } + getMyJobList(){ var postData = { uuid: localStorage.getItem("uid"), diff --git a/src/views/MyActiveJobsPage.jsx b/src/views/MyActiveJobsPage.jsx new file mode 100644 index 0000000..f074bf9 --- /dev/null +++ b/src/views/MyActiveJobsPage.jsx @@ -0,0 +1,29 @@ +import React, { useContext,useState, useEffect } from "react"; +import usersService from "../services/UsersService"; +//import MyJobs from "../components/MyJobs"; +import MyActiveJobs from "../components/MyActiveJobs"; + +export default function MyActiveJobsPage() { + + const [MyJobList, setMyJobList] = useState([]); + const api = new usersService(); + + const getMyJobList = async () => { + try { + const res = await api.getMyActiveJobList(); + setMyJobList(res.data); + } catch (error) { + console.log("Error getting mode"); + } + }; + useEffect(() => { + getMyJobList(); + }, []); + + // debugger; + return ( + <> + + + ); +}