From 8989eb52b763f10ea5f36965edbd77fc7f83eb09 Mon Sep 17 00:00:00 2001
From: Natsumi <cmcooper123@hotmail.com>
Date: Tue, 8 Apr 2025 21:03:21 +1000
Subject: [PATCH] Add pageSize option 20

---
 src/app.js                                         |  4 ++--
 src/classes/feed.js                                |  2 +-
 src/classes/gameLog.js                             |  2 +-
 src/composables/groups/useGroupMemberModeration.js | 12 ++++++------
 src/mixins/tabs/settings.pug                       |  2 +-
 src/views/tabs/Moderation.vue                      |  2 +-
 6 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/app.js b/src/app.js
index 3ae5b47b..aa1ebcf2 100644
--- a/src/app.js
+++ b/src/app.js
@@ -5905,7 +5905,7 @@ console.log(`isLinux: ${LINUX}`);
         paginationProps: {
             small: true,
             layout: 'sizes,prev,pager,next,total',
-            pageSizes: [10, 15, 25, 50, 100]
+            pageSizes: [10, 15, 20, 25, 50, 100]
         }
     };
 
@@ -6326,7 +6326,7 @@ console.log(`isLinux: ${LINUX}`);
         paginationProps: {
             small: true,
             layout: 'sizes,prev,pager,next,total',
-            pageSizes: [10, 15, 25, 50, 100]
+            pageSizes: [10, 15, 20, 25, 50, 100]
         }
     };
 
diff --git a/src/classes/feed.js b/src/classes/feed.js
index 2b036333..8e28a6df 100644
--- a/src/classes/feed.js
+++ b/src/classes/feed.js
@@ -26,7 +26,7 @@ export default class extends baseClass {
             paginationProps: {
                 small: true,
                 layout: 'sizes,prev,pager,next,total',
-                pageSizes: [10, 15, 25, 50, 100]
+                pageSizes: [10, 15, 20, 25, 50, 100]
             }
         },
 
diff --git a/src/classes/gameLog.js b/src/classes/gameLog.js
index c5871a21..a37660d0 100644
--- a/src/classes/gameLog.js
+++ b/src/classes/gameLog.js
@@ -29,7 +29,7 @@ export default class extends baseClass {
             paginationProps: {
                 small: true,
                 layout: 'sizes,prev,pager,next,total',
-                pageSizes: [10, 15, 25, 50, 100]
+                pageSizes: [10, 15, 20, 25, 50, 100]
             }
         },
         gameLogSessionTable: [],
diff --git a/src/composables/groups/useGroupMemberModeration.js b/src/composables/groups/useGroupMemberModeration.js
index 0c8e57c0..ddabbcbc 100644
--- a/src/composables/groups/useGroupMemberModeration.js
+++ b/src/composables/groups/useGroupMemberModeration.js
@@ -9,7 +9,7 @@ function useModerationTable() {
         paginationProps: {
             small: true,
             layout: 'sizes,prev,pager,next,total',
-            pageSizes: [10, 15, 25, 50, 100]
+            pageSizes: [10, 15, 20, 25, 50, 100]
         }
     });
     const groupJoinRequestsModerationTable = reactive({
@@ -19,7 +19,7 @@ function useModerationTable() {
         paginationProps: {
             small: true,
             layout: 'sizes,prev,pager,next,total',
-            pageSizes: [10, 15, 25, 50, 100]
+            pageSizes: [10, 15, 20, 25, 50, 100]
         }
     });
     const groupBlockedModerationTable = reactive({
@@ -29,7 +29,7 @@ function useModerationTable() {
         paginationProps: {
             small: true,
             layout: 'sizes,prev,pager,next,total',
-            pageSizes: [10, 15, 25, 50, 100]
+            pageSizes: [10, 15, 20, 25, 50, 100]
         }
     });
     const groupLogsModerationTable = reactive({
@@ -40,7 +40,7 @@ function useModerationTable() {
         paginationProps: {
             small: true,
             layout: 'sizes,prev,pager,next,total',
-            pageSizes: [10, 15, 25, 50, 100]
+            pageSizes: [10, 15, 20, 25, 50, 100]
         }
     });
     const groupBansModerationTable = reactive({
@@ -51,7 +51,7 @@ function useModerationTable() {
         paginationProps: {
             small: true,
             layout: 'sizes,prev,pager,next,total',
-            pageSizes: [10, 15, 25, 50, 100]
+            pageSizes: [10, 15, 20, 25, 50, 100]
         }
     });
     const groupMemberModerationTable = reactive({
@@ -61,7 +61,7 @@ function useModerationTable() {
         paginationProps: {
             small: true,
             layout: 'sizes,prev,pager,next,total',
-            pageSizes: [10, 15, 25, 50, 100]
+            pageSizes: [10, 15, 20, 25, 50, 100]
         }
     });
 
diff --git a/src/mixins/tabs/settings.pug b/src/mixins/tabs/settings.pug
index 60b71368..db67693d 100644
--- a/src/mixins/tabs/settings.pug
+++ b/src/mixins/tabs/settings.pug
@@ -298,7 +298,7 @@ mixin settingsTab
                                 span {{ $t('view.settings.appearance.appearance.page_size') }} {{ tablePageSize }} #[i.el-icon-arrow-down.el-icon--right]
                             el-dropdown-menu(#default='dropdown')
                                 el-dropdown-item(
-                                    v-for='number in [10, 15, 25, 50, 100]'
+                                    v-for='number in [10, 15, 20, 25, 50, 100]'
                                     :key='number'
                                     v-text='number'
                                     @click.native='setTablePageSize(number)')
diff --git a/src/views/tabs/Moderation.vue b/src/views/tabs/Moderation.vue
index 8fc64c29..183b2db7 100644
--- a/src/views/tabs/Moderation.vue
+++ b/src/views/tabs/Moderation.vue
@@ -146,7 +146,7 @@
                 paginationProps: {
                     small: true,
                     layout: 'sizes,prev,pager,next,total',
-                    pageSizes: [10, 15, 25, 50, 100]
+                    pageSizes: [10, 15, 20, 25, 50, 100]
                 }
             };
         },