From cfea6603263982f0d44e64858832d3af75f331a8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Arsenije=20Savi=C4=87?= <arsenijesavic@me.com>
Date: Sat, 15 Jul 2023 08:08:10 -0600
Subject: [PATCH] fix(voter-list): add paginate function (#2338)

---
 src/components/proposals/voter-list.vue | 13 ++-----------
 src/utils/paginate.js                   |  4 ++++
 2 files changed, 6 insertions(+), 11 deletions(-)
 create mode 100644 src/utils/paginate.js

diff --git a/src/components/proposals/voter-list.vue b/src/components/proposals/voter-list.vue
index a8798d1cc..22e9797e0 100644
--- a/src/components/proposals/voter-list.vue
+++ b/src/components/proposals/voter-list.vue
@@ -1,6 +1,7 @@
 <script>
 import { mapActions } from 'vuex'
 import gql from 'graphql-tag'
+import paginate from '~/utils/paginate'
 
 const PROPOSAL_VOTES_QUERY = `
   getDocument(docId: $docId) {
@@ -89,17 +90,7 @@ export default {
     pageCount () { return Math.ceil(this.voteCount / 5) },
 
     votesPaginated () {
-      if (!this.votes || this.isLoading) return []
-
-      const startIndex = this.page * this.size
-      const lastIndex = startIndex + this.size
-      const voteCount = this.votes.length
-
-      if (voteCount >= lastIndex) {
-        return [...this.votes].splice(startIndex, this.size)
-      }
-
-      return [...this.votes].splice(startIndex / this.size, this.size)
+      return (!this.votes || this.isLoading) ? [] : paginate(this.votes, this.page, this.size)
     }
   },
 
diff --git a/src/utils/paginate.js b/src/utils/paginate.js
new file mode 100644
index 000000000..6d289221d
--- /dev/null
+++ b/src/utils/paginate.js
@@ -0,0 +1,4 @@
+export default function paginate(a, pageIndex, pageSize) {
+  const endIndex = Math.min((pageIndex + 1) * pageSize, a.length)
+  return a.slice(Math.max(endIndex - pageSize, 0), endIndex)
+}