(fix) : fix table lists paginations (#17)

openmrs · Nov 28, 2023 · bf69fb2 · bf69fb2
1 parent 7eb7073
commit bf69fb2
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/completed-list/completed-list.component.tsx b/src/completed-list/completed-list.component.tsx
@@ -47,9 +47,9 @@ const CompletedList: React.FC<CompletedlistProps> = ({ fulfillerStatus }) => {
     fulfillerStatus
   );
 
-  const pageSizes = [10, 20, 30, 40, 50];
+  const pageSizes = [5, 10, 15, 20, 25, 30, 35, 40, 45, 50];
   const [page, setPage] = useState(1);
-  const [currentPageSize, setPageSize] = useState(10);
+  const [currentPageSize, setPageSize] = useState(5);
   const [nextOffSet, setNextOffSet] = useState(0);
 
   const {
@@ -211,7 +211,7 @@ const CompletedList: React.FC<CompletedlistProps> = ({ fulfillerStatus }) => {
                 page={currentPage}
                 pageSize={currentPageSize}
                 pageSizes={pageSizes}
-                totalItems={paginatedWorkListEntries?.length}
+                totalItems={workListEntries?.length}
                 className={styles.pagination}
                 onChange={({ pageSize, page }) => {
                   if (pageSize !== currentPageSize) {

diff --git a/src/review-list/review-list.component.tsx b/src/review-list/review-list.component.tsx
@@ -247,7 +247,7 @@ const ReviewList: React.FC<ReviewlistProps> = ({ fulfillerStatus }) => {
                 page={currentPage}
                 pageSize={currentPageSize}
                 pageSizes={pageSizes}
-                totalItems={paginatedWorkListEntries?.length}
+                totalItems={workListEntries?.length}
                 className={styles.pagination}
                 onChange={({ pageSize, page }) => {
                   if (pageSize !== currentPageSize) {

diff --git a/src/work-list/work-list.component.tsx b/src/work-list/work-list.component.tsx
@@ -71,7 +71,7 @@ const WorkList: React.FC<WorklistProps> = ({ fulfillerStatus }) => {
     fulfillerStatus
   );
 
-  const pageSizes = [10, 20, 30, 40, 50];
+  const pageSizes = [5, 10, 15, 20, 25, 30, 35, 40, 45, 50];
   const [page, setPage] = useState(1);
   const [currentPageSize, setPageSize] = useState(10);
   const [nextOffSet, setNextOffSet] = useState(0);
@@ -280,7 +280,7 @@ const WorkList: React.FC<WorklistProps> = ({ fulfillerStatus }) => {
                 page={currentPage}
                 pageSize={currentPageSize}
                 pageSizes={pageSizes}
-                totalItems={paginatedWorkListEntries?.length}
+                totalItems={workListEntries?.length}
                 className={styles.pagination}
                 onChange={({ pageSize, page }) => {
                   if (pageSize !== currentPageSize) {