From aae031f5d0fac06e4c8ae9de81af4a63c1844e92 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Tue, 13 Jul 2021 18:49:41 -0500
Subject: [PATCH] UserIndex: configurable pageSize

---
 app/soapbox/features/admin/user_index.js | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/soapbox/features/admin/user_index.js b/app/soapbox/features/admin/user_index.js
index 4820ba815..71a173822 100644
--- a/app/soapbox/features/admin/user_index.js
+++ b/app/soapbox/features/admin/user_index.js
@@ -22,6 +22,7 @@ class UserIndex extends ImmutablePureComponent {
     filters: ImmutableSet(['local', 'active']),
     accountIds: ImmutableOrderedSet(),
     total: Infinity,
+    pageSize: 50,
     page: 0,
   }
 
@@ -33,10 +34,10 @@ class UserIndex extends ImmutablePureComponent {
   }
 
   fetchNextPage = () => {
-    const { filters, page } = this.state;
+    const { filters, page, pageSize } = this.state;
     const nextPage = page + 1;
 
-    this.props.dispatch(fetchUsers(filters, nextPage))
+    this.props.dispatch(fetchUsers(filters, nextPage, pageSize))
       .then(({ users, count }) => {
         const newIds = users.map(user => user.id);
 
@@ -55,7 +56,9 @@ class UserIndex extends ImmutablePureComponent {
   }
 
   componentDidUpdate(prevProps, prevState) {
-    if (!is(this.state.filters, prevState.filters) || !is(this.state.q, prevState.q)) {
+    const { filters, q } = this.state;
+
+    if (!is(filters, prevState.filters) || !is(q, prevState.q)) {
       this.clearState();
       this.fetchNextPage();
     }