From ab4dbc99e889744f1bd6306d25a3de9c573b8fee Mon Sep 17 00:00:00 2001 From: "DESKTOP-GBA0BK8\\Admin" Date: Sun, 19 Mar 2023 00:50:18 -0400 Subject: [PATCH] My task page --- src/assets/images/marketplace-product-1.jpg | Bin 1547 -> 4001 bytes src/components/Cards/ActiveJobsCard.jsx | 4 +- src/components/MarketPlace/MainSection.jsx | 12 +- src/components/MarketPlace/index.jsx | 5 +- src/components/MyTasks/MyJobTable.jsx | 1066 +++++++++++++++ src/components/MyTasks/index.jsx | 1302 +------------------ src/components/UserHeader/CommonHead.jsx | 32 + 7 files changed, 1113 insertions(+), 1308 deletions(-) create mode 100644 src/components/MyTasks/MyJobTable.jsx create mode 100644 src/components/UserHeader/CommonHead.jsx diff --git a/src/assets/images/marketplace-product-1.jpg b/src/assets/images/marketplace-product-1.jpg index 5ec12df769993d3e849720ddade54ce9f9ffcc45..0493def0c84f8cf74879935dd16b939b40105f32 100644 GIT binary patch literal 4001 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 - + @@ -103,7 +103,7 @@ export default function ActiveJobsCard({

- {datas.price} + {datas.price*0.01}{datas.currency} | {datas.timeline_days} day(s)

( {datas.offer_code}) diff --git a/src/components/MarketPlace/MainSection.jsx b/src/components/MarketPlace/MainSection.jsx index 923fb42..063695a 100644 --- a/src/components/MarketPlace/MainSection.jsx +++ b/src/components/MarketPlace/MainSection.jsx @@ -83,12 +83,12 @@ export default function MainSection({ className, marketPlaceProduct }) {

-
- -
+ {/*
*/} + {/* */} + {/*
*/}
diff --git a/src/components/MarketPlace/index.jsx b/src/components/MarketPlace/index.jsx index bbbe8e4..7032940 100644 --- a/src/components/MarketPlace/index.jsx +++ b/src/components/MarketPlace/index.jsx @@ -1,8 +1,9 @@ import React from "react"; import products from "../../data/marketplace_data.json"; -import CreateNft from "../Home/CreateNft"; +//import CreateNft from "../Home/CreateNft"; import Layout from "../Partials/Layout"; import MainSection from "./MainSection"; +import CommonHead from "../UserHeader/CommonHead"; export default function MarketPlace(props) { const JobList = props.activeJobList?.result_list; @@ -11,7 +12,7 @@ export default function MarketPlace(props) { return ( <> - + diff --git a/src/components/MyTasks/MyJobTable.jsx b/src/components/MyTasks/MyJobTable.jsx new file mode 100644 index 0000000..3942b42 --- /dev/null +++ b/src/components/MyTasks/MyJobTable.jsx @@ -0,0 +1,1066 @@ +import React, { useState } from "react"; +import dataImage1 from "../../assets/images/data-table-user-1.png"; +import dataImage2 from "../../assets/images/data-table-user-2.png"; +import dataImage3 from "../../assets/images/data-table-user-3.png"; +import dataImage4 from "../../assets/images/data-table-user-4.png"; +import SelectBox from "../Helpers/SelectBox"; + +export default function MyJobTable({ className }) { + const filterCategories = ["All Categories", "Explore", "Featured"]; + const [selectedCategory, setCategory] = useState(filterCategories[0]); + return ( +
+
+
+

+ Products History +

+
+ +
+
+ + + + + + + + + + + + + {selectedCategory === "All Categories" ? ( + <> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) : selectedCategory === "Explore" ? ( + <> + + + + + + + + + + + + + + + + + + + + ) : ( + <> + + + + + + + + + + + + + + + + + + + + )} + +
All ProductValueUSD24H%BitsTimeStatus
+
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + + + + 7473 ETH + +
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
+
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + + + + 7473 ETH + +
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
+
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + + + + 7473 ETH + +
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
+
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + + + + 7473 ETH + +
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
+
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + + + + 7473 ETH + +
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
+
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + + + + 7473 ETH + +
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
+
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + + + + 7473 ETH + +
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
+
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + + + + 7473 ETH + +
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
+
+
+ ); +} diff --git a/src/components/MyTasks/index.jsx b/src/components/MyTasks/index.jsx index 90940b2..e0faf2e 100644 --- a/src/components/MyTasks/index.jsx +++ b/src/components/MyTasks/index.jsx @@ -1,6 +1,7 @@ import React, { useState } from "react"; import { Link } from "react-router-dom"; import Layout from "../Partials/Layout"; +import MyJobTable from "./MyJobTable"; export default function MyTasks() { const [selectTab, setValue] = useState("today"); @@ -20,1311 +21,16 @@ export default function MyTasks() { > My Tasks - - 7 Days Notifications - - - All Notifications - +
filterHandler("today")} className="relative"> - - Today - - - 07 - -
- filterHandler("days")} - className={`text-thin-light-gray text-18 cursor-pointer ${ - selectTab === "days" ? "text-purple" : "" - }`} - > - 7 days - - filterHandler("all")} - className={`text-thin-light-gray text-18 cursor-pointer ${ - selectTab === "all" ? "text-purple" : "" - }`} - > - All - +
-
-
    -
  • -
    -
    - - - - -
    -
    -

    - Your Account has been created - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - - - -
    -
    -

    - You upload your frast product - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - - - - - -
    -
    -

    - Thank you ! - you made your frast sell - 232.98 ETH -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - - - -
    -
    -

    - Your Account has been created - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - -
    -
    -

    - Your Account has been created - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - - - -
    -
    -

    - You upload your frast product - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - - - - - -
    -
    -

    - Thank you ! - you made your frast sell - 232.98 ETH -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - - - -
    -
    -

    - Your Account has been created - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - -
    -
    -

    - Your Account has been created - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - - - -
    -
    -

    - You upload your frast product - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - - - - - -
    -
    -

    - Thank you ! - you made your frast sell - 232.98 ETH -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - - - -
    -
    -

    - Your Account has been created - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - -
    -
    -

    - Your Account has been created - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
-
- - See all Notification - -
-
-
-
    -
  • -
    -
    - - - - - - -
    -
    -

    - You upload your frast product - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - - - - - -
    -
    -

    - Thank you ! - you made your frast sell - 232.98 ETH -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - - - -
    -
    -

    - Your Account has been created - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - -
    -
    -

    - Your Account has been created - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - - - -
    -
    -

    - You upload your frast product - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - - - - - -
    -
    -

    - Thank you ! - you made your frast sell - 232.98 ETH -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - - - -
    -
    -

    - Your Account has been created - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - -
    -
    -

    - Your Account has been created - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
-
- - See all Notification - -
-
-
-
    -
  • -
    -
    - - - - -
    -
    -

    - Your Account has been created - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - - - -
    -
    -

    - You upload your frast product - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - - - - - -
    -
    -

    - Thank you ! - you made your frast sell - 232.98 ETH -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - - - -
    -
    -

    - Your Account has been created - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - -
    -
    -

    - Your Account has been created - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - - - -
    -
    -

    - You upload your frast product - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - - - - - -
    -
    -

    - Thank you ! - you made your frast sell - 232.98 ETH -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - - - -
    -
    -

    - Your Account has been created - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - -
    -
    -

    - Your Account has been created - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - - - -
    -
    -

    - You upload your frast product - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - - - - - -
    -
    -

    - Thank you ! - you made your frast sell - 232.98 ETH -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - - - -
    -
    -

    - Your Account has been created - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
  • -
    -
    - - - - -
    -
    -

    - Your Account has been created - successfully done -

    -

    - 23 house ago -

    -
    -
    -
    • -
-
- - See all Notification - -
+ diff --git a/src/components/UserHeader/CommonHead.jsx b/src/components/UserHeader/CommonHead.jsx new file mode 100644 index 0000000..5f304ae --- /dev/null +++ b/src/components/UserHeader/CommonHead.jsx @@ -0,0 +1,32 @@ +import React from "react"; +import { Link } from "react-router-dom"; + +export default function CommonHead({ className }) { + return ( +
+
+

+ Create your own NFT and extraordinary get lot of Sell. +

+

+ Buy and sell NFTs from the world’s top artists +

+
+
+
+ + View Task + + +
+
+
+ ); +}