From 63861ea32c5a21a9a26aed9d5633c5e05da026b1 Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Thu, 11 May 2023 11:05:13 -0400
Subject: [PATCH] Job Page

---
 src/components/MyJobs/MyJobTable.jsx | 17 +++++++++++------
 src/index.css                        |  6 ++++++
 2 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/components/MyJobs/MyJobTable.jsx b/src/components/MyJobs/MyJobTable.jsx
index c04a3b7..0198c4a 100644
--- a/src/components/MyJobs/MyJobTable.jsx
+++ b/src/components/MyJobs/MyJobTable.jsx
@@ -33,7 +33,7 @@ export default function MyJobTable({MyJobList, className }) {
             <div className="header w-full flex justify-between items-center mb-5">
                 <div className="flex space-x-2 items-center">
                     <h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-wide">
-
+                        All Jobs
                     </h1>
                 </div>
                 <SelectBox
@@ -48,7 +48,7 @@ export default function MyJobTable({MyJobList, className }) {
                 <table className="table-auto min-w-full text-sm text-left text-gray-500 dark:text-gray-400">
                     <tbody>
                     <tr className="text-base text-thin-light-gray border-b  default-border-b dark:border-[#5356fb29] ottom ">
-                        <td className="py-4">All Product</td>
+                        <td className="py-8">.</td>
                         <td className="py-4 text-right">.</td>
                     </tr>
 
@@ -58,8 +58,9 @@ export default function MyJobTable({MyJobList, className }) {
                                 MyJobList.result_list.length > 0 &&
                                 currentJobList.map((value, index) => (
                                     <tr key={index} className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
-                                        <td className="py-4">
-                                            <div className="flex space-x-2 items-center">
+                                        <td className="py-9">
+                                            <div className="flex space-x-2 items-center job-items">
+
                                                 <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
                                                     <img
                                                         src={dataImage2}
@@ -80,19 +81,23 @@ export default function MyJobTable({MyJobList, className }) {
                                                     <span className="text-sm text-thin-light-gray">
                                                     Duration:   <span className="text-purple"> {value.timeline_days} day(s)</span>
                                                     </span>
+
                                                 </div>
+                                                <div className="job-sub-menu"><button  type="button"  className="w-20 h-11">[Delete]</button> |
+                                                                             <button  type="button" className="w-20 h-11">Edit</button> </div>
                                             </div>
+
                                         </td>
 
 
-                                        <td className="text-right py-4 px-2">
+                                        <td className="text-right py-3 px-2">
                                             <button
                                                 type="button"
                                                 onClick={()=>{setJobPopout({show:true, data:value})}}
                                                 onClick={()=>{setJobPopout({show:true, data:value})}}
                                                 className="w-20 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
                                             >
-                                                View
+                                                Manage
                                             </button>
                                         </td>
                                     </tr>
diff --git a/src/index.css b/src/index.css
index c11e635..d9f4c5d 100644
--- a/src/index.css
+++ b/src/index.css
@@ -468,6 +468,12 @@ input[type="number"] {
   overflow: hidden;
 }
 
+.job-items{
+  .job-sub-menu{
+    background-color: yellow;
+  }
+}
+
 .content-item .inner-list-items {
   top: 0;
   right: -100%;