From 44d478c317c8231fe72a8a34898cd3d067dfc41e Mon Sep 17 00:00:00 2001
From: mike12345567 <me@michaeldrury.co.uk>
Date: Thu, 30 Jun 2022 17:02:50 +0100
Subject: [PATCH] Adding loading control to make sure that pagination can't be
 spammed in between loads.

---
 packages/builder/src/helpers/pagination.js             | 10 ++++++++++
 .../src/pages/builder/portal/manage/users/index.svelte |  5 +++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/builder/src/helpers/pagination.js b/packages/builder/src/helpers/pagination.js
index 9399d34d12..122973f1a1 100644
--- a/packages/builder/src/helpers/pagination.js
+++ b/packages/builder/src/helpers/pagination.js
@@ -6,6 +6,7 @@ function defaultValue() {
     page: undefined,
     hasPrevPage: false,
     hasNextPage: false,
+    loading: false,
     pageNumber: 1,
     pages: [],
   }
@@ -38,6 +39,14 @@ export function createPaginationStore() {
     update(state => {
       state.hasNextPage = hasNextPage
       state.nextPage = nextPage
+      state.loading = false
+      return state
+    })
+  }
+
+  function loading(loading = true) {
+    update(state => {
+      state.loading = loading
       return state
     })
   }
@@ -51,6 +60,7 @@ export function createPaginationStore() {
     prevPage,
     nextPage,
     fetched,
+    loading,
     reset,
   }
 }
diff --git a/packages/builder/src/pages/builder/portal/manage/users/index.svelte b/packages/builder/src/pages/builder/portal/manage/users/index.svelte
index 061c686317..0da8c1345a 100644
--- a/packages/builder/src/pages/builder/portal/manage/users/index.svelte
+++ b/packages/builder/src/pages/builder/portal/manage/users/index.svelte
@@ -35,6 +35,7 @@
 
   async function fetchUsers(page, search) {
     try {
+      pageInfo.loading()
       await users.search({ page, search })
       pageInfo.fetched($users.hasNextPage, $users.nextPage)
     } catch (error) {
@@ -78,8 +79,8 @@
     <div class="pagination">
       <Pagination
         page={$pageInfo.pageNumber}
-        hasPrevPage={$pageInfo.hasPrevPage}
-        hasNextPage={$pageInfo.hasNextPage}
+        hasPrevPage={$pageInfo.loading ? false : $pageInfo.hasPrevPage}
+        hasNextPage={$pageInfo.loading ? false : $pageInfo.hasNextPage}
         goToPrevPage={pageInfo.prevPage}
         goToNextPage={pageInfo.nextPage}
       />