bug fixed #801
@@ -73,26 +73,26 @@ export default function FamilyTableNew() {
|
||||
|
||||
// Object that maps tab names to their corresponding components
|
||||
const tabComponents = {
|
||||
Tasks: (
|
||||
tasks: (
|
||||
<FamilyTasks
|
||||
familyData={familyTasks}
|
||||
action={familyAssignPopUpHandler}
|
||||
/>
|
||||
),
|
||||
Waiting: (
|
||||
waiting: (
|
||||
<FamilyWaitlist
|
||||
familyData={familyWaitList}
|
||||
setUpdatePage={setUpdatePage}
|
||||
/>
|
||||
),
|
||||
Pending: (
|
||||
pending: (
|
||||
<FamilyPending
|
||||
familyData={familyPending}
|
||||
/>
|
||||
),
|
||||
};
|
||||
|
||||
const defaultTabComponent = tabComponents.Tasks;
|
||||
const defaultTabComponent = tabComponents.tasks;
|
||||
|
||||
// Selected tab component based on the current 'tab'
|
||||
const selectedTabComponent = tabComponents[tab] || defaultTabComponent;
|
||||
|
||||
@@ -145,48 +145,34 @@ function OfferJobPopout({ details, onClose, situation }) {
|
||||
<div className="p-4 w-full md:col-span-3 md:border-r-2">
|
||||
|
||||
{/* INPUT SECTION */}
|
||||
<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"
|
||||
}
|
||||
/> */}
|
||||
<label className='job-label w-full md:w-[150px] md:text-right'>Date :</label>
|
||||
<p className={`p-1 w-full md:w-3/4 text-sm text-slate-900 dark:text-white`}>
|
||||
{
|
||||
(details.offer_added && details.offer_added?.split(" ")[0]) ||
|
||||
"default"
|
||||
}
|
||||
</p>
|
||||
<div className='bg-[#FFFDEE]'>
|
||||
<div className='grid md:grid-cols-2'>
|
||||
<div className="my-2 md:flex">
|
||||
<label className='job-label w-full md:w-[150px] md:text-right'>Date :</label>
|
||||
<p className={`p-1 w-full md:w-3/4 text-sm text-slate-900 dark:text-white`}>
|
||||
{
|
||||
(details.offer_added && details.offer_added?.split(" ")[0]) ||
|
||||
"default"
|
||||
}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="my-2 md:flex">
|
||||
<label className='job-label w-full md:w-[150px] md:text-right'>Expire :</label>
|
||||
<p className={`p-1 w-full md:w-3/4 text-sm text-slate-900 dark:text-white`}>{details.expire && details.expire.split(" ")[0]}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="my-2 md:flex">
|
||||
{/* <Detail
|
||||
label="Offer Expire :"
|
||||
value={details.expire && details.expire.split(" ")[0]}
|
||||
/> */}
|
||||
<label className='job-label w-full md:w-[150px] md:text-right'>Expire :</label>
|
||||
<p className={`p-1 w-full md:w-3/4 text-sm text-slate-900 dark:text-white`}>{details.expire && details.expire.split(" ")[0]}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className='grid md:grid-cols-2'>
|
||||
<div className="my-2 md:flex">
|
||||
<label className='job-label w-full md:w-[150px] md:text-right'>Reward :</label>
|
||||
<p className={`p-1 w-full md:w-3/4 text-sm text-slate-900 dark:text-white`}>{thePrice}</p>
|
||||
</div>
|
||||
|
||||
<div className='grid md:grid-cols-2'>
|
||||
<div className="my-2 md:flex">
|
||||
{/* <Detail label="Reward :" value={thePrice} /> */}
|
||||
<label className='job-label w-full md:w-[150px] md:text-right'>Reward :</label>
|
||||
<p className={`p-1 w-full md:w-3/4 text-sm text-slate-900 dark:text-white`}>{thePrice}</p>
|
||||
</div>
|
||||
|
||||
<div className="my-2 md:flex">
|
||||
{/* <Detail
|
||||
label="Duration :"
|
||||
value={`${details.timeline_days} day(s)`}
|
||||
/> */}
|
||||
<label className='job-label w-full md:w-[150px] md:text-right'>Duration :</label>
|
||||
<p className={`p-1 w-full md:w-3/4 text-sm text-slate-900 dark:text-white`}>{`${details.timeline_days} day(s)`}</p>
|
||||
<div className="my-2 md:flex">
|
||||
<label className='job-label w-full md:w-[150px] md:text-right'>Duration :</label>
|
||||
<p className={`p-1 w-full md:w-3/4 text-sm text-slate-900 dark:text-white`}>{`${details.timeline_days} day(s)`}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user