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

Merge pull request #696 from bluewave-labs/fix/basic-table

Browse Source 
Add safe accesss default for rowsPerPage, add proptypes
This commit is contained in:
Alexander Holliday
2024-08-21 23:44:40 -07:00
committed by GitHub
parent 0d7391d9ad 1bd8676d94
commit 2fdc6704c4
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -15,7 +15,7 @@ import {
Stack,
} from "@mui/material";
import { useDispatch, useSelector } from "react-redux";
import { useLocation, useParams } from "react-router-dom";
import { useLocation } from "react-router-dom";
import { setRowsPerPage } from "../../Features/UI/uiSlice";
import LeftArrowDouble from "../../assets/icons/left-arrow-double.svg?react";
import RightArrowDouble from "../../assets/icons/right-arrow-double.svg?react";
@@ -90,6 +90,13 @@ const TablePaginationActions = (props) => {
);
};
TablePaginationActions.propTypes = {
count: PropTypes.number.isRequired,
page: PropTypes.number.isRequired,
rowsPerPage: PropTypes.number.isRequired,
onPageChange: PropTypes.func.isRequired,
};
/**
* BasicTable Component
* Renders a table with optional pagination.
@@ -144,12 +151,13 @@ const TablePaginationActions = (props) => {
*/
const BasicTable = ({ data, paginated, reversed }) => {
const DEFAULT_ROWS_PER_PAGE = 5;
const theme = useTheme();
const location = useLocation();
const dispatch = useDispatch();
const uiState = useSelector((state) => state.ui);
let table = location.pathname.split("/").pop();
let rowsPerPage = uiState[table].rowsPerPage;
let rowsPerPage = uiState?.[table]?.rowsPerPage ?? DEFAULT_ROWS_PER_PAGE;
const [page, setPage] = useState(0);
useEffect(() => {