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

Merge branch 'table_horizontal_scroll' of WrenchBoard/Users-Wrench into master

Browse Source
This commit is contained in:
Olusesan Ameye
2023-05-11 11:00:38 +00:00
committed by Gogs
parent edf8f2ba8d 8aa1e06592
commit bce3d1adea
4 changed files with 27 additions and 1046 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/History/HistoryTable.jsx
+19 -1038
View File
File diff suppressed because it is too large Load Diff
src/components/MyActiveJobs/MyActiveJobTable.jsx
+2 -2
View File
@@ -34,7 +34,7 @@ export default function MyActiveJobTable({MyJobList, className }) {
<div className="relative w-full overflow-x-auto sm:rounded-lg flex flex-col justify-between h-full"> <div className="relative w-full overflow-x-auto sm:rounded-lg flex flex-col justify-between h-full">
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400"> <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400">
<tbody> <tbody>
{/*<tr className="text-base text-thin-light-gray whitespace-nowrap border-b dark:border-[#5356fb29] default-border-b dark:border-[#5356fb29] ottom ">*/} {/*<tr className="text-base text-thin-light-gray border-b dark:border-[#5356fb29] default-border-b dark:border-[#5356fb29] ottom ">*/}
{/* <td className="py-4">All Product</td>*/} {/* <td className="py-4">All Product</td>*/}
{/* <td className="py-4 text-right">.</td>*/} {/* <td className="py-4 text-right">.</td>*/}
{/*</tr>*/} {/*</tr>*/}
@@ -55,7 +55,7 @@ export default function MyActiveJobTable({MyJobList, className }) {
/> />
</div> </div>
<div className="flex flex-col"> <div className="flex flex-col">
<h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap"> <h1 className="font-bold text-xl text-dark-gray dark:text-white">
{value.title} {value.title}
</h1> </h1>
<div> <div>
src/components/MyJobs/MyJobTable.jsx
+4 -4
View File
@@ -45,9 +45,9 @@ export default function MyJobTable({MyJobList, className }) {
</div> </div>
{MyJobList && MyJobList?.result_list && {MyJobList && MyJobList?.result_list &&
<div className="relative w-full overflow-x-auto sm:rounded-lg flex flex-col justify-between h-full"> <div className="relative w-full overflow-x-auto sm:rounded-lg flex flex-col justify-between h-full">
<table className="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 whitespace-nowrap 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-4">All Product</td> <td className="py-4">All Product</td>
<td className="py-4 text-right">.</td> <td className="py-4 text-right">.</td>
</tr> </tr>
@@ -58,7 +58,7 @@ export default function MyJobTable({MyJobList, className }) {
MyJobList.result_list.length > 0 && MyJobList.result_list.length > 0 &&
currentJobList.map((value, index) => ( currentJobList.map((value, index) => (
<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-4"> <td className="py-4">
<div className="flex space-x-2 items-center"> <div className="flex space-x-2 items-center">
<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
@@ -68,7 +68,7 @@ export default function MyJobTable({MyJobList, className }) {
/> />
</div> </div>
<div className="flex flex-col"> <div className="flex flex-col">
<h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap"> <h1 className="font-bold text-xl text-dark-gray dark:text-white">
{value.title} {value.title}
</h1> </h1>
<div> <div>
src/components/jobPopout/JobListPopout.jsx
+2 -2
View File
@@ -71,14 +71,14 @@ function JobListPopout({details, onClose, situation}) {
<div className='my-3 md:flex'> <div className='my-3 md:flex'>
<Detail <Detail
label='Timeline' label='Timeline'
value={`Dummy, no value found for created!`} value={`${details.timeline_days} day(s)`}
/> />
</div> </div>
<div className='my-3 md:flex'> <div className='my-3 md:flex'>
<Detail <Detail
label='Created' label='Created'
value={`${details.timeline_days} day(s)`} value={`Dummy, no value found for created!`}
/> />
</div> </div>