From 5e90bbd5774f2832a132a97091153e2fc3a61cab Mon Sep 17 00:00:00 2001 From: "CHIEFSOFT\\ameye" Date: Sun, 28 May 2023 22:05:24 -0400 Subject: [PATCH] Offer table --- src/components/History/index.jsx | 280 ++++++++++++----------- src/components/MyTasks/MyOffersTable.jsx | 60 ++--- src/index.css | 9 + 3 files changed, 189 insertions(+), 160 deletions(-) diff --git a/src/components/History/index.jsx b/src/components/History/index.jsx index 3c01355..defea83 100644 --- a/src/components/History/index.jsx +++ b/src/components/History/index.jsx @@ -64,141 +64,153 @@ export default function History() {
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
+
+

+ + History + +

+
+
+ +
-
+ {/*
*/} + {/*
*/} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/*
*/} + {/*
*/} {/**/} {/* */}
diff --git a/src/components/MyTasks/MyOffersTable.jsx b/src/components/MyTasks/MyOffersTable.jsx index 580f547..4500689 100644 --- a/src/components/MyTasks/MyOffersTable.jsx +++ b/src/components/MyTasks/MyOffersTable.jsx @@ -48,6 +48,11 @@ export default function MyOffersTable({ className, MyActiveOffersList}) { // buySlider.current.slickNext(); // } }; + + if ( !MyActiveOffersList || MyActiveOffersList?.result_list?.length == 0 ){ + return(''); // want blank or no appear when no items + } + return ( <>
@@ -113,34 +118,37 @@ export default function MyOffersTable({ className, MyActiveOffersList}) { MyActiveOffersList.result_list.map((value, index) => (
- - {/* title */} -
-

- {value.title} -

-
- {/* username */} -
-

- {value.timeline_days} Days -

-
- {/* items */} -
-
- {value.price*0.01} {value.currency} +
+ {/* title */} +
+

+ {value.title} +

+ {/* username */} +
+

+ {value.timeline_days} Days +

+
+ {/* items */} +
+
+ {value.price*0.01} {value.currency} +
+
+ +
- +
))} diff --git a/src/index.css b/src/index.css index f5ff198..5a4e0ee 100644 --- a/src/index.css +++ b/src/index.css @@ -10,6 +10,15 @@ src: url("./assets/fonts/Product Sans Bold.ttf"); } +.offer-slide-item{ + background: rgb(2,0,36); + background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(3,51,2,0.782125350140056) 0%, rgba(0,212,255,0.07904411764705888) 0%, rgba(153,182,201,1) 99%); + margin: 5px; + border-radius: 15px; + padding: 15px; + height: 250px; + border-color: beige; +} .banner-630-340{ width: 630px; height: 340px;