From 0cabedf96d04e63337a5325b37aa6da7f3ec6878 Mon Sep 17 00:00:00 2001 From: "CHIEFSOFT\\ameye" Date: Fri, 26 May 2023 22:15:56 -0400 Subject: [PATCH] my offers --- src/components/MyTasks/MyOffersTable.jsx | 378 +++++++++++++++++++++++ src/components/MyTasks/index.jsx | 7 +- src/services/UsersService.js | 2 +- src/views/MyTaskPage.jsx | 13 +- 4 files changed, 397 insertions(+), 3 deletions(-) create mode 100644 src/components/MyTasks/MyOffersTable.jsx diff --git a/src/components/MyTasks/MyOffersTable.jsx b/src/components/MyTasks/MyOffersTable.jsx new file mode 100644 index 0000000..6e6dc27 --- /dev/null +++ b/src/components/MyTasks/MyOffersTable.jsx @@ -0,0 +1,378 @@ +import React, { useRef } from "react"; +import top from "../../assets/images/top-buyer-1png.png"; +import top2 from "../../assets/images/top-buyer-2.png"; +import top3 from "../../assets/images/top-buyer-3.png"; +import top4 from "../../assets/images/top-buyer-4.png"; +import Icons from "../Helpers/Icons"; +import SliderCom from "../Helpers/SliderCom"; + + +export default function MyOffersTable({ className, MyActiveOffersList}) { + const settings = { + arrows: false, + dots: false, + infinite: true, + autoplay: true, + slidesToShow: 4, + slidesToScroll: 1, + responsive: [ + { + breakpoint: 426, + settings: { + slidesToShow: 2, + slidesToScroll: 1, + }, + }, + ], + }; + + console.log("YES WE SEE OFFERS",MyActiveOffersList); + const sellSlider = useRef(null); + //const buySlider = useRef(null); + const prevHandler = (value) => { + if (value === "sell") { + sellSlider.current.slickPrev(); + } + // if (value === "buy") { + // buySlider.current.slickPrev(); + // } + }; + const nextHandler = (value) => { + if (value === "sell") { + sellSlider.current.slickNext(); + } + // if (value === "buy") { + // buySlider.current.slickNext(); + // } + }; + return ( + <> +
+
+
+
+
+

+ Offers +

+
+ + +
+
+
+ + {MyActiveOffersList && + MyActiveOffersList?.result_list?.length > 0 && + MyActiveOffersList.result_list.map((value, index) => ( + +
+ + {/* title */} +
+

+ {value.title} +

+
+ {/* username */} +
+

+ {value.timeline_days} Days +

+
+ {/* items */} +
+
+ {value.price*0.01} {value.currency} +
+
+
+ ))} + + {/*
*/} + {/* /!* img *!/*/} + {/*
*/} + {/*
*/} + {/* top*/} + {/*
*/} + {/* */} + {/* */} + {/* */} + {/*
*/} + {/*
*/} + {/*
*/} + {/* /!* title *!/*/} + {/*
*/} + {/*

*/} + {/* Brokln Simons*/} + {/*

*/} + {/*
*/} + {/* /!* username *!/*/} + {/*
*/} + {/*

*/} + {/* @broklinslam_75*/} + {/*

*/} + {/*
*/} + {/* /!* items *!/*/} + {/*
*/} + {/*
*/} + {/**/} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/**/} + {/* 3435 Items*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/* /!* img *!/*/} + {/*
*/} + {/*
*/} + {/* top*/} + {/*
*/} + {/* */} + {/* */} + {/* */} + {/*
*/} + {/*
*/} + {/*
*/} + {/* /!* title *!/*/} + {/*
*/} + {/*

*/} + {/* Brokln Simons*/} + {/*

*/} + {/*
*/} + {/* /!* username *!/*/} + {/*
*/} + {/*

*/} + {/* @broklinslam_75*/} + {/*

*/} + {/*
*/} + {/* /!* items *!/*/} + {/*
*/} + {/*
*/} + {/**/} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/**/} + {/* 3435 Items*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/* /!* img *!/*/} + {/*
*/} + {/*
*/} + {/* top*/} + {/*
*/} + {/* */} + {/* */} + {/* */} + {/*
*/} + {/*
*/} + {/*
*/} + {/* /!* title *!/*/} + {/*
*/} + {/*

*/} + {/* Brokln Simons*/} + {/*

*/} + {/*
*/} + {/* /!* username *!/*/} + {/*
*/} + {/*

*/} + {/* @broklinslam_75*/} + {/*

*/} + {/*
*/} + {/* /!* items *!/*/} + {/*
*/} + {/*
*/} + {/**/} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/**/} + {/* 3435 Items*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/* /!* img *!/*/} + {/*
*/} + {/*
*/} + {/* top*/} + {/*
*/} + {/* */} + {/* */} + {/* */} + {/*
*/} + {/*
*/} + {/*
*/} + {/* /!* title *!/*/} + {/*
*/} + {/*

*/} + {/* Brokln Simons*/} + {/*

*/} + {/*
*/} + {/* /!* username *!/*/} + {/*
*/} + {/*

*/} + {/* @broklinslam_75*/} + {/*

*/} + {/*
*/} + {/* /!* items *!/*/} + {/*
*/} + {/*
*/} + {/**/} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/**/} + {/* 3435 Items*/} + {/*
*/} + {/*
*/} + {/*
*/} + +
+
+
+
+
+ + ); +} diff --git a/src/components/MyTasks/index.jsx b/src/components/MyTasks/index.jsx index f373593..9eea234 100644 --- a/src/components/MyTasks/index.jsx +++ b/src/components/MyTasks/index.jsx @@ -3,8 +3,10 @@ import { Link } from "react-router-dom"; import Layout from "../Partials/Layout"; import MyJobTable from "./MyJobTable"; import CommonHead from "../UserHeader/CommonHead"; +import TopSellerTopBuyerSliderSection from "../Home/TopSellerTopBuyerSliderSection"; +import MyOffersTable from "./MyOffersTable"; -export default function MyTasks({commonHeadData}) { +export default function MyTasks({MyActiveOffersList, commonHeadData}) { const [selectTab, setValue] = useState("today"); const filterHandler = (value) => { setValue(value); @@ -32,6 +34,9 @@ export default function MyTasks({commonHeadData}) { > + diff --git a/src/services/UsersService.js b/src/services/UsersService.js index 9f30d0e..8408d2d 100644 --- a/src/services/UsersService.js +++ b/src/services/UsersService.js @@ -78,7 +78,7 @@ class usersService { page: 0, limit: 100, }; - return this.postAuxEnd("/offerslist", null); + return this.postAuxEnd("/offerslist", postData); } getPendingJob() { diff --git a/src/views/MyTaskPage.jsx b/src/views/MyTaskPage.jsx index dd37cbd..11d517b 100644 --- a/src/views/MyTaskPage.jsx +++ b/src/views/MyTaskPage.jsx @@ -6,6 +6,7 @@ import usersService from "../services/UsersService"; export default function MyTaskPage() { const [MyActiveJobList, setMyActiveJobList] = useState([]); + const [MyActiveOffersList, setMyActiveOffersList] = useState([]); const api = new usersService(); const commonHeadData =()=>{ console.log("COMMON HEAD DATA ----------------=====---------------------"); @@ -16,17 +17,27 @@ export default function MyTaskPage() { const res = await api.getMyActiveTaskList(); setMyActiveJobList(res.data); } catch (error) { - console.log("Error getting mode"); + console.log("Error getting tasks"); + } + }; + const getMyActiveOffersList = async () => { + try { + const res = await api.getOffersList(); + setMyActiveOffersList(res.data); + } catch (error) { + console.log("Error getting offers"); } }; useEffect(() => { getMyActiveJobList(); + getMyActiveOffersList(); }, []); //debugger; return ( <> );