From 1b0f6c0b897f95ab3faefec06dde3291bbfbd660 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Fri, 23 Aug 2024 18:21:18 +0100
Subject: [PATCH] lock job clean up

---
 src/components/MarketPlace/PopUp/LockJob.jsx  | 42 ++++++++++---------
 .../MarketPlace/PopUp/MarketPopUp.jsx         |  6 +--
 2 files changed, 25 insertions(+), 23 deletions(-)

diff --git a/src/components/MarketPlace/PopUp/LockJob.jsx b/src/components/MarketPlace/PopUp/LockJob.jsx
index cf41baa..85d1762 100644
--- a/src/components/MarketPlace/PopUp/LockJob.jsx
+++ b/src/components/MarketPlace/PopUp/LockJob.jsx
@@ -45,8 +45,8 @@ export default function LockJob({details, marketPlaceProduct, ManageInterest, ma
             </div>
             :
             <>
-                <div className="px-4 py-1 w-full md:col-span-3 md:border-r-1">
-                <div className="min-h-[300px]">
+                <div className="px-4 py-2 w-full md:col-span-3 md:border-r-1">
+                <div className="min-h-[200px]">
                     <h2 className="w-full flex gap-1 items-center font-semibold text-slate-900 dark:text-white tracking-wide">
                     {details?.offer_depend_uid && <i className="fa-solid fa-lock p-1 text-red-500 text-[12px]"></i>}
                     {details?.title}
@@ -65,11 +65,11 @@ export default function LockJob({details, marketPlaceProduct, ManageInterest, ma
                         bold: `Budget: ${thePrice}`,
                         },
                     },
-                    {
-                        name: "Delivery Detail",
-                        content: cleanedText,
-                        danger: true,
-                    },
+                    // {
+                    //     name: "Delivery Detail",
+                    //     content: cleanedText,
+                    //     danger: true,
+                    // },
                     ].map(({ name, content, danger }, idx) => (
                     <div className={`my-1 flex flex-col items-start`} key={idx}>
                         <label className="py-1 job-label w-full">
@@ -85,13 +85,13 @@ export default function LockJob({details, marketPlaceProduct, ManageInterest, ma
                         >
                         {danger ? (
                             <p
-                            className={`dark:text-white`}
+                            className={`dark:text-black`}
                             dangerouslySetInnerHTML={{
                                 __html: danger && content,
                             }}
                             />
                         ) : (
-                            <p className={`w-full text-slate-900 dark:text-white`}>
+                            <p className={`w-full text-slate-900 dark:text-black`}>
                             {name !== "Delivery Detail" ? (
                                 <>
                                 {typeof content !== "object" ? content : null}
@@ -117,7 +117,7 @@ export default function LockJob({details, marketPlaceProduct, ManageInterest, ma
                     </div>
                     ))}
                 </div>
-                <hr className='my-3' />
+                {/* <hr className='my-3' /> */}
                 {completedTask.loading ?
                     <p className='py-3 w-full text-center text-lg'>Loading...</p>
                     :completedTask?.data?.filter(item => item?.job_uid == details.offer_depend_uid).length > 0 ?
@@ -174,16 +174,18 @@ export default function LockJob({details, marketPlaceProduct, ManageInterest, ma
                     :
                     <div className='w-full'>
                         <h1 className='text-red-600 text-lg'>This task depends on the task below</h1>
-                        <div className='my-1 w-full'>
-                            <h2 className="w-full flex gap-1 items-center font-semibold text-slate-900 dark:text-white tracking-wide">
-                            {dependOn?.offer_depend_uid && <i className="fa-solid fa-lock p-1 text-red-500 text-[12px]"></i>}
-                            {dependOn?.title}
-                            </h2>
-                        </div>
-                        <div className={`p-2 flex flex-col items-start`}>
-                            <p className="py-1 job-label w-full">Description</p>
-                            <div className={`w-full p-2 text-slate-900 dark:text-white market-pop rounded-2xl bg-slate-50 break-words min-h-[100px] max-h-[100px]`}>
-                                {dependOn?.description}
+                        <div className='rounded-2xl bg-red-50'>
+                            <div className='my-1 w-full'>
+                                <h2 className="p-2 w-full flex gap-1 items-center font-semibold text-slate-900 dark:text-black tracking-wide">
+                                {dependOn?.offer_depend_uid && <i className="fa-solid fa-lock p-1 text-red-500 text-[12px]"></i>}
+                                {dependOn?.title}
+                                </h2>
+                            </div>
+                            <div className={`p-2 flex flex-col items-start`}>
+                                <p className="py-1 job-label w-full dark:text-black">Description</p>
+                                <div className={`w-full p-2 text-slate-900 dark:text-black market-pop rounded-2xl bg-white break-words min-h-[100px] max-h-[100px]`}>
+                                    {dependOn?.description}
+                                </div>
                             </div>
                         </div>
                     </div>
diff --git a/src/components/MarketPlace/PopUp/MarketPopUp.jsx b/src/components/MarketPlace/PopUp/MarketPopUp.jsx
index 7103db5..40c9f26 100644
--- a/src/components/MarketPlace/PopUp/MarketPopUp.jsx
+++ b/src/components/MarketPlace/PopUp/MarketPopUp.jsx
@@ -158,7 +158,7 @@ const MarketPopUp = ({ details, onClose, situation, marketInt, marketPlaceProduc
           />
           :
           <>
-            <div className="px-4 py-1 w-full md:col-span-3 md:border-r-1">
+            <div className="px-4 py-2 w-full md:col-span-3 md:border-r-1">
               <div className="min-h-[300px]">
                 <h2 className="w-full flex gap-1 items-center font-semibold text-slate-900 dark:text-white tracking-wide">
                   {details?.offer_depend_uid && <i className="fa-solid fa-lock p-1 text-red-500 text-[12px]"></i>}
@@ -198,13 +198,13 @@ const MarketPopUp = ({ details, onClose, situation, marketInt, marketPlaceProduc
                     >
                       {danger ? (
                         <p
-                          className={`dark:text-white`}
+                          className={`dark:text-black`}
                           dangerouslySetInnerHTML={{
                             __html: danger && content,
                           }}
                         />
                       ) : (
-                        <p className={`w-full text-slate-900 dark:text-white`}>
+                        <p className={`w-full text-slate-900 dark:text-black`}>
                           {name !== "Delivery Detail" ? (
                             <>
                               {typeof content !== "object" ? content : null}