WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

Offer table

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2023-05-28 22:05:24 -04:00
parent 00fce5ee60
commit 5e90bbd577
3 changed files with 189 additions and 160 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyTasks/MyOffersTable.jsx
+34 -26
View File
@@ -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 (
<>
<div className={`top-seller-top-buyer-wrapper ${className || ""}`}>
@@ -113,34 +118,37 @@ export default function MyOffersTable({ className, MyActiveOffersList}) {
MyActiveOffersList.result_list.map((value, index) => (
<div className="item" id={index}>
{/* title */}
<div className="flex justify-center">
<p className="text-base font-bold text-dark-gray dark:text-white">
{value.title}
</p>
</div>
{/* username */}
<div className="flex justify-center mb-1">
<p className="text-xs text-thin-light-gray">
{value.timeline_days} Days
</p>
</div>
{/* items */}
<div className="flex justify-center">
<div className="flex space-x-1 items-center text-purple text-xs">
<span>{value.price*0.01} {value.currency}</span>
<div className="offer-slide-item" >
{/* title */}
<div className="flex justify-center">
<p className="text-2xl text-dark-gray dark:text-white font-bold mb-2">
{value.title}
</p>
</div>
{/* username */}
<div className="flex justify-center mb-1">
<p className="text-xs text-thin-light-gray">
{value.timeline_days} Days
</p>
</div>
{/* items */}
<div className="flex justify-center">
<div className="flex space-x-1 items-center text-purple text-xs">
<span>{value.price*0.01} {value.currency}</span>
</div>
</div>
<button
type="button"
onClick={() => {
setOfferPopout({ show: true, data: value });
}}
className="w-20 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
>
Start Task
</button>
</div>
<button
type="button"
onClick={() => {
setOfferPopout({ show: true, data: value });
}}
className="w-20 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
>
Start Task
</button>
</div>
))}