From 544d0f3476c1856558b76604343fc95e7d3280cd Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Fri, 19 May 2023 16:53:25 +0100
Subject: [PATCH] Correct name shows under menu and current ammount under
 delete jop popup page

---
 src/components/MyActiveJobs/MyActiveJobTable.jsx   |  2 +-
 src/components/MyJobs/MyJobTable.jsx               |  2 +-
 src/components/MyPendingJobs/MyPendingJobTable.jsx |  2 +-
 src/components/Partials/Header.jsx                 |  4 ++--
 src/components/jobPopout/DeleteJobPopout.jsx       |  2 +-
 src/components/jobPopout/PendingJobsPopout.jsx     | 10 +++++-----
 6 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/MyActiveJobs/MyActiveJobTable.jsx b/src/components/MyActiveJobs/MyActiveJobTable.jsx
index 6ea5315..4af1e8a 100644
--- a/src/components/MyActiveJobs/MyActiveJobTable.jsx
+++ b/src/components/MyActiveJobs/MyActiveJobTable.jsx
@@ -67,7 +67,7 @@ export default function MyActiveJobTable({ MyJobList, className }) {
                               <span className="text-sm text-thin-light-gray">
                                 Price:{" "}
                                 <span className="text-purple">
-                                  {value.price * 0.01}
+                                  {(value.price * 0.01).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")+'.00'}
                                 </span>
                               </span>
                               <span className="text-sm text-thin-light-gray">
diff --git a/src/components/MyJobs/MyJobTable.jsx b/src/components/MyJobs/MyJobTable.jsx
index 0cd8c71..79706e5 100644
--- a/src/components/MyJobs/MyJobTable.jsx
+++ b/src/components/MyJobs/MyJobTable.jsx
@@ -131,7 +131,7 @@ export default function MyJobTable({ MyJobList, reloadJobList, className }) {
                                 <span className="text-sm text-thin-light-gray">
                                   Price:{" "}
                                   <span className="text-purple">
-                                    {value.price * 0.01}
+                                    {(value.price * 0.01).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")+'.00'}
                                   </span>
                                 </span>
                                 <span className="text-sm text-thin-light-gray">
diff --git a/src/components/MyPendingJobs/MyPendingJobTable.jsx b/src/components/MyPendingJobs/MyPendingJobTable.jsx
index b63e091..222c6ca 100644
--- a/src/components/MyPendingJobs/MyPendingJobTable.jsx
+++ b/src/components/MyPendingJobs/MyPendingJobTable.jsx
@@ -62,7 +62,7 @@ export default function MyPendingJobTable({MyJobList, className }) {
                                                             {value.description}
                                                         </div>
                                                         <span className="text-sm text-thin-light-gray">
-                                                        Price: <span className="text-purple">{value.price*0.01}</span>
+                                                        Price: <span className="text-purple">{(value.price*0.01).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")+'.00'}</span>
                                                         </span>
                                                         <span className="text-sm text-thin-light-gray">
                                                         Duration:   <span className="text-purple"> {value.timeline_days} day(s)</span>
diff --git a/src/components/Partials/Header.jsx b/src/components/Partials/Header.jsx
index 2df00a4..bac5487 100644
--- a/src/components/Partials/Header.jsx
+++ b/src/components/Partials/Header.jsx
@@ -505,9 +505,9 @@ export default function Header({ logoutModalHandler, sidebarHandler }) {
                 </div>
                 <div className="heading border-b dark:border-[#5356fb29]  border-light-purple px-7 py-2">
                   <h3 className="text-xl font-bold   text-dark-gray dark:text-white">
-                  Surname
+                  Fullname
                   </h3>
-                  <p className="text-sm text-gray-400 dark:text-white hover:text-sky-blue cursor-pointer">broklinslam_75@gamil.com</p>
+                  <p className="text-base text-gray-400 dark:text-white hover:text-sky-blue cursor-pointer">{`${firstname} ${lastname}`}</p>
                 </div>
                 <div className="content">
                   <ul className="px-7">
diff --git a/src/components/jobPopout/DeleteJobPopout.jsx b/src/components/jobPopout/DeleteJobPopout.jsx
index a7dfd10..d4fbb6d 100644
--- a/src/components/jobPopout/DeleteJobPopout.jsx
+++ b/src/components/jobPopout/DeleteJobPopout.jsx
@@ -100,7 +100,7 @@ function DeleteJobPopout({details, onClose, situation}) {
                   {details.title}
                 </p>
                 <p className="text-lg tracking-wide text-dark-gray dark:text-white">
-                  Price: {details.price}
+                  Price: {(details.price * 0.01).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")+'.00'}
                 </p>
                 <p className="text-lg tracking-wide text-dark-gray dark:text-white">
                   Duration: {details.timeline_days} day(s)
diff --git a/src/components/jobPopout/PendingJobsPopout.jsx b/src/components/jobPopout/PendingJobsPopout.jsx
index ad9eb2a..5681bed 100644
--- a/src/components/jobPopout/PendingJobsPopout.jsx
+++ b/src/components/jobPopout/PendingJobsPopout.jsx
@@ -7,10 +7,10 @@ function PendingJobsPopout({details, onClose, situation}) {
   return (
     <ModalCom action={onClose} situation={situation}>
     <div className="logout-modal-wrapper lw-[90%] md:w-[768px] h-full lg:h-auto bg-white dark:bg-dark-white lg:rounded-2xl overflow-y-auto">
-        <div className="logout-modal-header w-full flex items-center justify-end lg:p-6 px-[30px] py-[23px] border-b dark:border-[#5356fb29]  border-light-purple">
-          {/* <h1 className="text-26 font-bold text-dark-gray dark:text-white tracking-wide">
-            Confirm
-          </h1> */}
+        <div className="logout-modal-header w-full flex items-center justify-between lg:p-6 px-[30px] py-[23px] border-b dark:border-[#5356fb29]  border-light-purple">
+          <h1 className="text-26 font-bold text-dark-gray dark:text-white tracking-wide">
+            Manage Pending Item
+          </h1>
           <button
             type="button"
             className="text-[#374557] dark:text-red-500"
@@ -73,7 +73,7 @@ function PendingJobsPopout({details, onClose, situation}) {
             <div className='my-2 md:flex'>
               <Detail 
                   label='Price' 
-                  value={`${details.price*0.01} ${details.currency}`} 
+                  value={`${(details.price*0.01).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")+'.00'} ${details.currency}`} 
               />
             </div>