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

changed group member form style

Browse Source
This commit is contained in:
victorAnumudu
2024-01-07 07:57:06 +01:00
parent 4985256c3a
commit 13d69efbaf
2 changed files with 113 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/JobGroups/GroupMemberTable.jsx
+17 -21
View File
@@ -30,38 +30,34 @@ export default function GroupMemberTable({selectedList}) {
return (
<div className={`w-full p-8 bg-white dark:bg-dark-gray overflow-hidden rounded-2xl section-shadow`}>
<div className="relative w-full overflow-x-auto sm:rounded-lg flex flex-col justify-between min-h-[300px]">
<table className="table-auto min-w-full text-sm text-left text-gray-500 dark:text-gray-400">
<div className="relative w-full overflow-x-auto sm:rounded-lg flex flex-col justify-between min-h-[400px]">
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400">
<tbody>
<>
<tr className='font-bold text-sm text-dark-gray dark:text-white whitespace-nowrap'>
<th>First Name</th>
<th>Last Name</th>
<th>Email</th>
<th></th>
</tr>
<tr>
<td className='p-[1px] bg-slate-400 dark:bg-white rounded-full' colSpan="4"></td>
</tr>
{selectedList && selectedList?.length > 0 ? (
// currentSelectedList?.length ? (
currentSelectedList.map((value, index) => (
<tr key={value.uid} className="font-medium text-sm text-dark-gray dark:text-white whitespace-nowrap">
<td className="p-1">{value?.firstname}</td>
<tr key={value.uid} className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50">
{/* <td className="p-1">{value?.firstname}</td>
<td className="p-1">{value?.lastname}</td>
<td className="p-1">{value?.email}</td>
<td className="p-1 text-right">
<button onClick={()=>{handleDeleteMember(value)}} className='rounded-lg text-sm bg-red-500 hover:bg-red-400 text-white font-bold py-1 px-2.5'>X</button>
</td> */}
<td className='py-2'>
<div className="flex flex-col">
<h1 className="font-bold text-xl text-dark-gray dark:text-white">
{value.firstname && value.firstname} {value.lastname && value.lastname}
</h1>
<span className="text-sm text-thin-light-gray">
{value.email && value.email}
</span>
</div>
</td>
<td className='py-2 text-right'>
<button onClick={()=>{handleDeleteMember(value)}} className='rounded-lg text-sm bg-red-500 hover:bg-red-400 text-white font-bold py-1 px-2.5'>X</button>
</td>
</tr>
))
// ) : (
// <tr className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
// <td className="p-2">
// No Members Found
// </td>
// </tr>
// )
) : (
<tr className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
<td className="p-2">No Members Found</td>