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

clean up on unused APIs

Browse Source
This commit was merged in pull request #794.
This commit is contained in:
victorAnumudu
2024-09-25 20:40:37 +01:00
parent 2ca1c668f5
commit 99d9a468f6
5 changed files with 101 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/jobPopout/OfferJobPopout.jsx
+50 -36
View File
@@ -8,6 +8,7 @@ import LoadingSpinner from "../Spinners/LoadingSpinner";
import { tableReload } from "../../store/TableReloads";
import { useDispatch } from "react-redux";
import { PriceFormatter } from "../Helpers/PriceFormatter";
function OfferJobPopout({ details, onClose, situation }) {
const apiUrl = new usersService();
@@ -21,6 +22,12 @@ function OfferJobPopout({ details, onClose, situation }) {
trigger: "",
});
let thePrice = PriceFormatter(
details?.price * 0.01,
details?.currency_code,
details?.currency
);
//FUNCTION TO HANDLE AN OFFER
const handleOffer = ({ target: { name } }) => {
const reqData = {
@@ -135,54 +142,60 @@ function OfferJobPopout({ details, onClose, situation }) {
</div>
<div className="md:flex bg-white dark:bg-dark-white rounded-lg">
<div className="p-4 w-full md:w-3/4 md:border-r-2">
<p className="text-lg my-5 font-semibold text-slate-900 dark:text-white tracking-wide">
{details.title}
</p>
{/* INPUT SECTION */}
<div className="my-2 md:flex">
<Detail
label="Date"
value={
(details.offer_added && details.offer_added?.split(" ")[0]) ||
"default"
}
/>
<div className='grid md:grid-cols-2'>
<div className="my-2 md:flex">
<Detail
label="Date"
value={
(details.offer_added && details.offer_added?.split(" ")[0]) ||
"default"
}
/>
</div>
<div className="my-2 md:flex">
<Detail
label="Offer Expire"
value={details.expire && details.expire.split(" ")[0]}
/>
</div>
</div>
<div className='grid md:grid-cols-2'>
<div className="my-2 md:flex">
<Detail label="Reward" value={thePrice} />
</div>
<div className="my-2 md:flex">
<Detail
label="Duration"
value={`${details.timeline_days} day(s)`}
/>
</div>
</div>
<p className="text-lg my-5 font-semibold text-slate-900 dark:text-white tracking-wide line-clamp-1">
{details.title}
</p>
<div className="my-2 md:flex">
<Detail label="Description" value={details.description} />
</div>
<div className="my-2 md:flex">
<Detail
label="Offer Expire"
value={details.expire && details.expire.split(" ")[0]}
/>
</div>
<div className="my-2 md:flex">
<Detail label="Reward" value={details.thePrice} />
</div>
<div className="my-2 md:flex">
<Detail
label="Duration"
value={`${details.timeline_days} day(s)`}
/>
</div>
<div className="my-2 md:flex">
<Detail
label="Detail"
value={details.job_description || details.description}
/>
<label className='job-label w-full md:w-[150px]'>Detail</label>
<p className={`p-1 w-full md:w-3/4 text-sm text-slate-900 dark:text-white min-h-[100px] max-h-[200px] overflow-y-auto border boder-2 rounded-md`}>{details.job_description || details.job_detail}</p>
</div>
</div>
{/* ACTION SECTION */}
<div className="p-4 w-full md:w-1/4 h-full">
<div className="my-3 md:flex md:justify-center">
<div className="my-3 md:flex flex-col md:justify-center">
<h1 className='mb-2 text-base font-semibold text-slate-900 dark:text-white tracking-wide'>I understand the task</h1>
{requestStatus.loading && requestStatus.trigger == "offer" ? (
<LoadingSpinner size={8} color="sky-blue" />
) : (
@@ -190,9 +203,9 @@ function OfferJobPopout({ details, onClose, situation }) {
name="accept"
onClick={handleOffer}
disabled={requestStatus.loading}
className="px-2 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
className="px-2 h-28 flex justify-center items-center btn-gradient text-2xl rounded-xl text-white"
>
Accept Offer
Start Now
</button>
)}
</div>
@@ -205,9 +218,10 @@ function OfferJobPopout({ details, onClose, situation }) {
name="reject"
onClick={handleOffer}
disabled={requestStatus.loading}
className="px-2 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
className="group relative px-2 h-11 flex justify-center items-center text-base text-black dark:text-white"
>
Reject Offer
<div className='absolute bottom-1 w-full h-[1px] bg-black hidden group-hover:block'></div>
</button>
)}
</div>