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

Positioned the delete and edit button in my jobs list

Browse Source
This commit was merged in pull request #64.
This commit is contained in:
victorAnumudu
2023-05-14 07:33:46 +01:00
parent 94e7c549df
commit 7083e67667
1 changed files with 9 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyJobs/MyJobTable.jsx
+9 -14
View File
@@ -51,8 +51,8 @@ export default function MyJobTable({MyJobList, className }) {
<table className="table-auto min-w-full text-sm text-left text-gray-500 dark:text-gray-400"> <table className="table-auto min-w-full text-sm text-left text-gray-500 dark:text-gray-400">
<tbody> <tbody>
<tr className="text-base text-thin-light-gray border-b default-border-b dark:border-[#5356fb29] ottom "> <tr className="text-base text-thin-light-gray border-b default-border-b dark:border-[#5356fb29] ottom ">
<td className="py-8">.</td> <td className="py-1">.</td>
<td className="py-4 text-right">.</td> <td className="py-1 text-right">.</td>
</tr> </tr>
{selectedCategory === "All Categories" ? ( {selectedCategory === "All Categories" ? (
@@ -63,7 +63,6 @@ export default function MyJobTable({MyJobList, className }) {
<tr key={index} className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50"> <tr key={index} className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50">
<td className="py-9"> <td className="py-9">
<div className="flex space-x-2 items-center job-items"> <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"> <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
<img <img
src={dataImage2} src={dataImage2}
@@ -86,23 +85,19 @@ export default function MyJobTable({MyJobList, className }) {
</span> </span>
</div> </div>
{/* <div className="job-sub-menu"> </div>
<button type="button" className="w-20 h-11" onClick={()=>{setDeleteJobPopout({show:true, data:value})}}>[Delete]</button> | <div className="job-sub-menu mt-2 flex flex-nowrap justify-start sm:justify-end items-center">
<button type="button" className="w-20 h-11">Edit</button> <div className="bg-yellow-300 mx-2 rounded-md">
</div> */} <button type="button" className="p-2 w-[60px] h-11" onClick={()=>{setDeleteJobPopout({show:true, data:value})}}>[Delete]</button> |
<button type="button" className="p-2 w-[40px] h-11">Edit</button>
</div>
</div> </div>
</td> </td>
<td className="text-right py-9 px-2">
<td className="text-right py-9 px-2 flex flex-col-reverse content-between items-center md:flex-row md:justify-center md:items-center md:space-x-1">
<div className="job-sub-menu mt-4 md:mt-0 flex flex-nowrap justify-between items-center bg-yellow-300">
<button type="button" className="w-20 h-11" onClick={()=>{setDeleteJobPopout({show:true, data:value})}}>Delete</button> |
<button type="button" className="w-20 h-11">Edit</button>
</div>
<button <button
type="button" type="button"
// onClick={()=>{setJobPopout({show:true, data:value})}}
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" className="w-20 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
> >