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

offer job popout added

Browse Source
This commit was merged in pull request #109.
This commit is contained in:
victorAnumudu
2023-05-27 20:20:14 +01:00
parent f5b063234b
commit dfd601abc2
3 changed files with 148 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyTasks/MyJobTable.jsx
+4 -4
View File
@@ -128,11 +128,11 @@ export default function MyJobTable({ className }) {
</div>
))
) : (
<tr className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
<td className="p-2" colSpan="4">
<div className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
<div className="p-2">
No Tasks!
</td>
</tr>
</div>
</div>
)}
</div>
src/components/MyTasks/MyOffersTable.jsx
+27 -1
View File
@@ -1,4 +1,4 @@
import React, { useRef } from "react";
import React, { useRef, useState } from "react";
import top from "../../assets/images/top-buyer-1png.png";
import top2 from "../../assets/images/top-buyer-2.png";
import top3 from "../../assets/images/top-buyer-3.png";
@@ -6,8 +6,11 @@ import top4 from "../../assets/images/top-buyer-4.png";
import Icons from "../Helpers/Icons";
import SliderCom from "../Helpers/SliderCom";
import OfferJobPopout from '../jobPopout/OfferJobPopout'
export default function MyOffersTable({ className, MyActiveOffersList}) {
let [offerPopout, setOfferPopout] = useState({ show: false, data: {} }); // STATE TO HOLD THE VALUE OF THE ALERT DETAILS AND DETERMINE WHEN TO SHOW
const settings = {
arrows: false,
dots: false,
@@ -128,6 +131,16 @@ export default function MyOffersTable({ className, MyActiveOffersList}) {
<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>
))}
@@ -372,6 +385,19 @@ export default function MyOffersTable({ className, MyActiveOffersList}) {
</div>
</div>
</div>
{/* Offer Job Popout */}
{offerPopout.show && (
<OfferJobPopout
details={offerPopout.data}
onClose={() => {
setOfferPopout({ show: false, data: {} });
}}
situation={offerPopout.show}
/>
)}
{/* End of Offer Job Popout */}
</div>
</>
);