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

added pagination for member list table

Browse Source
This commit was merged in pull request #534.
This commit is contained in:
victorAnumudu
2024-01-05 09:57:45 +01:00
parent f6e55718bb
commit 5e4887c01c
5 changed files with 21 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/JobGroups/GroupMemberTable.jsx
+11 -12
View File
@@ -12,7 +12,6 @@ export default function GroupMemberTable({selectedList}) {
const currentSelectedList = selectedList?.slice(indexOfFirstItem, indexOfLastItem);
const handlePagination = (e) => {
handlePagingFunc(e, setCurrentPage);
};
@@ -45,24 +44,24 @@ export default function GroupMemberTable({selectedList}) {
<td className='p-[1px] bg-slate-400 dark:bg-white rounded-full' colSpan="4"></td>
</tr>
{selectedList && selectedList?.length > 0 ? (
currentSelectedList?.length ? (
// 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>
<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 bg-red-500 hover:bg-red-400 text-white font-bold py-1 px-3'>X</button>
<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>
// </tr>
// )
) : (
<tr className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
<td className="p-2">No Members Found</td>
@@ -78,11 +77,11 @@ export default function GroupMemberTable({selectedList}) {
prev={currentPage == 0 ? true : false}
next={
currentPage + Number(process.env.REACT_APP_ITEM_PER_PAGE) >=
currentSelectedList?.length
selectedList?.length
? true
: false
}
data={currentSelectedList}
data={selectedList}
start={indexOfFirstItem}
stop={indexOfLastItem}
/>