From 475f3ea2977def24dbd479b16bae82155425e0df Mon Sep 17 00:00:00 2001 From: "CHIEFSOFT\\ameye" Date: Sun, 7 May 2023 06:55:02 -0400 Subject: [PATCH 1/4] stats components --- src/components/Partials/RightSideBar.jsx | 247 +++++++++++---------- src/components/Partials/SideStatistics.jsx | 159 +++++++++++++ 2 files changed, 283 insertions(+), 123 deletions(-) create mode 100644 src/components/Partials/SideStatistics.jsx diff --git a/src/components/Partials/RightSideBar.jsx b/src/components/Partials/RightSideBar.jsx index 585dbe6..15d821e 100644 --- a/src/components/Partials/RightSideBar.jsx +++ b/src/components/Partials/RightSideBar.jsx @@ -13,6 +13,7 @@ import LtcIco from "../Helpers/Icons/LtcIco"; import Usdt from "../Helpers/Icons/Usdt"; import SelectBox from "../Helpers/SelectBox"; import { NavLink } from "react-router-dom"; +import SideStatistics from "./SideStatistics"; export default function RightSideBar() { const filterDatas = ["Last 15 days", "Last Month", "Last 6 month"]; @@ -201,129 +202,129 @@ export default function RightSideBar() { -
-
-
-

- Statistics -

- -
-
- -
- - - - - - - - - - - - - - - - - -
-
-
-
-
-

- Your All Artwork Statistics -

-
-
-
    -
  • - -
    - - Profit : - - - {/* don't change variable only change state */} - {filterDataSet[0]}% - -
    -
    • -
  • - -
    - - Total Sold : - - - {/* don't change variable only change state */} - {filterDataSet[1]}% - -
    -
    • -
  • - -
    - - Total Sold : - - - {/* don't change variable only change state */} - {filterDataSet[2]}% - -
    -
    • -
  • - -
    - - Total Sold : - - - {/* don't change variable only change state */} - {filterDataSet[3]}% - -
    -
    • -
-
-
-
- + {/*
*/} + {/*
*/} + {/*
*/} + {/*

*/} + {/* Statistics*/} + {/*

*/} + {/* */} + {/*
*/} + {/*
*/} + {/* */} + {/*
*/} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*

*/} + {/* Your All Artwork Statistics*/} + {/*

*/} + {/*
*/} + {/*
*/} + {/*
    */} + {/*
  • */} + {/* */} + {/*
    */} + {/* */} + {/* Profit :*/} + {/* */} + {/* */} + {/* /!* don't change variable only change state *!/*/} + {/* {filterDataSet[0]}%*/} + {/* */} + {/*
    */} + {/*
    • */} + {/*
  • */} + {/* */} + {/*
    */} + {/* */} + {/* Total Sold :*/} + {/* */} + {/* */} + {/* /!* don't change variable only change state *!/*/} + {/* {filterDataSet[1]}%*/} + {/* */} + {/*
    */} + {/*
    • */} + {/*
  • */} + {/* */} + {/*
    */} + {/* */} + {/* Total Sold :*/} + {/* */} + {/* */} + {/* /!* don't change variable only change state *!/*/} + {/* {filterDataSet[2]}%*/} + {/* */} + {/*
    */} + {/*
    • */} + {/*
  • */} + {/* */} + {/*
    */} + {/* */} + {/* Total Sold :*/} + {/* */} + {/* */} + {/* /!* don't change variable only change state *!/*/} + {/* {filterDataSet[3]}%*/} + {/* */} + {/*
    */} + {/*
    • */} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + ); diff --git a/src/components/Partials/SideStatistics.jsx b/src/components/Partials/SideStatistics.jsx new file mode 100644 index 0000000..a02db0e --- /dev/null +++ b/src/components/Partials/SideStatistics.jsx @@ -0,0 +1,159 @@ +import React, { useState } from "react"; +import DoughnutChart from "../Charts/DoughnutChart"; +import SelectBox from "../Helpers/SelectBox"; + +export default function SideStatistics() { + const filterDatas = ["Last 15 days", "Last Month", "Last 6 month"]; + const [filterDataSet, setFilterDataSet] = useState([10, 30, 20, 40]); + const dataSetHandler = (value) => { + if (value === "Last 15 days") { + setFilterDataSet([10, 30, 20, 40]); + } else if (value === "Last Month") { + setFilterDataSet([15, 35, 10, 20]); + } else { + setFilterDataSet([8, 15, 40, 30]); + } + }; + + const [selectedRate, setSelectedRate] = useState("ETH"); + const [rateStaticsDropdown, setRateStaticsDropdown] = useState(false); + const [filterRateStatics, setFilterRateStatics] = useState([50, 30, 90, 20]); + const rateDataSetHandler = (value) => { + setSelectedRate(value); + if (value === "USD") { + setFilterRateStatics([50, 30, 90, 20]); + } else if (value === "BTC") { + setFilterRateStatics([15, 35, 10, 20]); + } else { + setFilterRateStatics([8, 15, 20, 30]); + } + setRateStaticsDropdown(!filterRateStatics); + }; + return ( + <> +
+
+
+

+ Statistics +

+ +
+
+ +
+ + + + + + + + + + + + + + + + + +
+
+
+
+
+

+ Your All Artwork Statistics +

+
+
+
    +
  • + +
    + + Profit : + + + {/* don't change variable only change state */} + {filterDataSet[0]}% + +
    +
    • +
  • + +
    + + Total Sold : + + + {/* don't change variable only change state */} + {filterDataSet[1]}% + +
    +
    • +
  • + +
    + + Total Sold : + + + {/* don't change variable only change state */} + {filterDataSet[2]}% + +
    +
    • +
  • + +
    + + Total Sold : + + + {/* don't change variable only change state */} + {filterDataSet[3]}% + +
    +
    • +
+
+
+
+ + + ); +} From 10657e835e52f678eb2c2455929d3007e7aefed4 Mon Sep 17 00:00:00 2001 From: "CHIEFSOFT\\ameye" Date: Sun, 7 May 2023 15:06:15 -0400 Subject: [PATCH 2/4] job page --- src/components/MyActiveJobs/index.jsx | 2 +- src/components/MyJobs/MyJobTable.jsx | 2 +- src/components/MyJobs/index.jsx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/MyActiveJobs/index.jsx b/src/components/MyActiveJobs/index.jsx index 1fd766e..83ade22 100644 --- a/src/components/MyActiveJobs/index.jsx +++ b/src/components/MyActiveJobs/index.jsx @@ -12,7 +12,7 @@ export default function MyActiveJobs(props) { console.log("AMEYE LOC1", props.MyJobList); return ( - + {/**/}
{/* heading */} diff --git a/src/components/MyJobs/MyJobTable.jsx b/src/components/MyJobs/MyJobTable.jsx index 97cfe82..8dde2a5 100644 --- a/src/components/MyJobs/MyJobTable.jsx +++ b/src/components/MyJobs/MyJobTable.jsx @@ -31,7 +31,7 @@ export default function MyJobTable({MyJobList, className }) { - + diff --git a/src/components/MyJobs/index.jsx b/src/components/MyJobs/index.jsx index 6d4e29f..9b61d47 100644 --- a/src/components/MyJobs/index.jsx +++ b/src/components/MyJobs/index.jsx @@ -12,7 +12,7 @@ export default function MyJobs(props) { console.log("AMEYE LOC1", props.MyJobList); return ( - + {/**/}
{/* heading */} From 8702a663713ac3606b3395be4e57665063588f6e Mon Sep 17 00:00:00 2001 From: "CHIEFSOFT\\ameye" Date: Sun, 7 May 2023 15:51:48 -0400 Subject: [PATCH 3/4] Start job page --- src/Routers.jsx | 2 + src/components/MyJobs/StartJob.jsx | 64 ++++++++++++++++++++++++++++++ src/views/StartJobPage.jsx | 30 ++++++++++++++ 3 files changed, 96 insertions(+) create mode 100644 src/components/MyJobs/StartJob.jsx create mode 100644 src/views/StartJobPage.jsx diff --git a/src/Routers.jsx b/src/Routers.jsx index 0760687..d5969d1 100644 --- a/src/Routers.jsx +++ b/src/Routers.jsx @@ -33,6 +33,7 @@ import ReferralPage from "./views/ReferralPage"; import VerifyLinkPages from "./views/VerifyLinkPages"; import MyActiveJobsPage from "./views/MyActiveJobsPage"; import FamilyAccPage from "./views/FamilyAccPage"; +import StartJobPage from "./views/StartJobPage"; export default function Routers() { return ( @@ -77,6 +78,7 @@ export default function Routers() { } /> } /> } /> + } /> { + setValue(value); + }; + console.log("AMEYE LOC1", props.MyJobList); + return ( + + {/**/} +
+
+ {/* heading */} +
+
+

+ + My Jobs 0000000 + + +

+
+
+
filterHandler("today")} className="relative"> + +
+
+
+ +
+
+
+

+ Job Poat Terms and Agreemrn +

+
+ {/**/} +
+
+ Something here +
+
+ +
+
+ + ); +} diff --git a/src/views/StartJobPage.jsx b/src/views/StartJobPage.jsx new file mode 100644 index 0000000..109a380 --- /dev/null +++ b/src/views/StartJobPage.jsx @@ -0,0 +1,30 @@ +import React, { useContext,useState, useEffect } from "react"; +import usersService from "../services/UsersService"; +import StartJob from "../components/MyJobs/StartJob"; + +export default function StartJobPage() { + + // const userApi = new usersService(); + // const activeJobList = userApi.getMyJobList(); + const [MyJobList, setMyJobList] = useState([]); + const api = new usersService(); + + const getMyJobList = async () => { + try { + const res = await api.getMyJobList(); + setMyJobList(res.data); + } catch (error) { + console.log("Error getting mode"); + } + }; + useEffect(() => { + getMyJobList(); + }, []); + + // debugger; + return ( + <> + + + ); +} From f39e0e3bfc7aa468d08edfbcd3ec95ac83e71610 Mon Sep 17 00:00:00 2001 From: "CHIEFSOFT\\ameye" Date: Sun, 7 May 2023 15:58:07 -0400 Subject: [PATCH 4/4] job to added --- src/components/MyActiveJobs/MyActiveJobTable.jsx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/components/MyActiveJobs/MyActiveJobTable.jsx b/src/components/MyActiveJobs/MyActiveJobTable.jsx index a020042..c4354cf 100644 --- a/src/components/MyActiveJobs/MyActiveJobTable.jsx +++ b/src/components/MyActiveJobs/MyActiveJobTable.jsx @@ -54,6 +54,10 @@ export default function MyActiveJobTable({MyJobList, className }) { Expire: {value.expire} + + Send to: {value.job_to} + +
All ProductAll Jobs .