UIPFU-49 - Apply Prev/Next Pagination (#270)

folio-org · Aug 9, 2024 · ec4c39b · ec4c39b
1 parent 294c2d8
commit ec4c39b
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -9,6 +9,7 @@
 
 * Fix Select User Modal with User Assignment Status Filters pagination issue. Refs UIPFU-87.
 * Fix select all toggle button issue. Refs UIPFU-89.
+* Apply Prev/Next Pagination. Refs UIPFU-49.
 
 ## [7.1.0](https://github.com/folio-org/ui-plugin-find-user/tree/v7.1.0) (2024-03-20)
 [Full Changelog](https://github.com/folio-org/ui-plugin-find-user/compare/v7.0.0...v7.1.0)

diff --git a/src/UserSearchContainer.js b/src/UserSearchContainer.js
@@ -73,6 +73,7 @@ class UserSearchContainer extends React.Component {
       tenant: '!{tenantId}',
       records: 'users',
       resultOffset: '%{resultOffset}',
+      resultDensity: 'sparse',
       perRequest: 100,
       path: 'users',
       GET: {

diff --git a/src/UserSearchView.js b/src/UserSearchView.js
@@ -17,6 +17,7 @@ import {
   Button,
   PaneMenu,
   Checkbox,
+  MCLPagingTypes,
 } from '@folio/stripes/components';
 import {
   SearchAndSortQuery,
@@ -387,9 +388,8 @@ class UserSearchView extends React.Component {
                             sortDirection={sortOrder.startsWith('-') ? 'descending' : 'ascending'}
                             isEmptyMessage={resultsStatusMessage}
                             autosize
-                            virtualize
                             pageAmount={100}
-                            pagingType="click"
+                            pagingType={MCLPagingTypes.PREV_NEXT}
                           />
 
                         </Pane>