diff --git a/src/components/MyJobs/StartJob.jsx b/src/components/MyJobs/StartJob.jsx new file mode 100644 index 0000000..9cc3fdb --- /dev/null +++ b/src/components/MyJobs/StartJob.jsx @@ -0,0 +1,64 @@ +import React, { useState } from "react"; +import { Link } from "react-router-dom"; +import Layout from "../Partials/Layout"; +import MyJobTable from "./MyJobTable"; +import CommonHead from "../UserHeader/CommonHead"; +import SelectBox from "../Helpers/SelectBox"; +import dataImage2 from "../../assets/images/data-table-user-2.png"; + +export default function StartJob(props) { + const [selectTab, setValue] = useState("today"); + const filterHandler = (value) => { + 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/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]}% + +
    +
    • +
+
+
+
+ + + ); +} 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 ( + <> + + + ); +}