mirror/Checkmate
1
0
Fork 0
mirror of https://github.com/bluewave-labs/Checkmate.git synced 2026-01-26 11:54:11 -06:00
Code Issues Packages Projects Releases Wiki Activity

Hide pagination if rows <= rows per page

Browse Source
This commit is contained in:
Alex Holliday
2024-07-22 10:19:57 -07:00
parent 064e75f862
commit ecdbbac684
1 changed files with 32 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
Client/src/Components/BasicTable/index.jsx
View File

@@ -90,6 +90,36 @@ const BasicTable = ({ data, paginated, reversed }) => {
return <div>No data</div>;
}
let paginationComponent = <></>;
if (paginated === true && displayData.length > rowsPerPage) {
paginationComponent = (
<Pagination
count={Math.ceil(data.rows.length / rowsPerPage)}
page={page + 1}
onChange={(event, value) => handleChangePage(event, value - 1)}
shape="rounded"
renderItem={(item) => (
<PaginationItem
slots={{
previous: ArrowBackRoundedIcon,
next: ArrowForwardRoundedIcon,
}}
{...item}
sx={{
"&:focus": {
outline: "none",
},
"& .MuiTouchRipple-root": {
pointerEvents: "none",
display: "none",
},
}}
/>
)}
/>
);
}
return (
<>
<TableContainer component={Paper}>
@@ -118,32 +148,8 @@ const BasicTable = ({ data, paginated, reversed }) => {
</TableBody>
</Table>
</TableContainer>
{paginated === true && (
<Pagination
count={Math.ceil(data.rows.length / rowsPerPage)}
page={page + 1}
onChange={(event, value) => handleChangePage(event, value - 1)}
shape="rounded"
renderItem={(item) => (
<PaginationItem
slots={{
previous: ArrowBackRoundedIcon,
next: ArrowForwardRoundedIcon,
}}
{...item}
sx={{
"&:focus": {
outline: "none",
},
"& .MuiTouchRipple-root": {
pointerEvents: "none",
display: "none",
},
}}
/>
)}
/>
)}
{paginationComponent}
</>
);
};