From 97170719b25f575b362bb89500c3c8e9d589be22 Mon Sep 17 00:00:00 2001
From: Donkie <daniel.cf.hultgren@gmail.com>
Date: Thu, 6 Jul 2023 14:54:48 +0200
Subject: [PATCH] Client: 20 item pagination

---
 client/src/pages/filaments/list.tsx | 4 ++++
 client/src/pages/spools/list.tsx    | 4 ++++
 client/src/pages/vendors/list.tsx   | 4 ++++
 3 files changed, 12 insertions(+)

diff --git a/client/src/pages/filaments/list.tsx b/client/src/pages/filaments/list.tsx
index 3a55eba..0e04394 100644
--- a/client/src/pages/filaments/list.tsx
+++ b/client/src/pages/filaments/list.tsx
@@ -18,6 +18,10 @@ dayjs.extend(utc);
 export const FilamentList: React.FC<IResourceComponentsProps> = () => {
   const { tableProps } = useTable({
     syncWithLocation: true,
+    pagination: {
+      mode: "client",
+      pageSize: 20,
+    },
   });
 
   return (
diff --git a/client/src/pages/spools/list.tsx b/client/src/pages/spools/list.tsx
index 9cc622d..01919d0 100644
--- a/client/src/pages/spools/list.tsx
+++ b/client/src/pages/spools/list.tsx
@@ -19,6 +19,10 @@ dayjs.extend(utc);
 export const SpoolList: React.FC<IResourceComponentsProps> = () => {
   const { tableProps } = useTable({
     syncWithLocation: true,
+    pagination: {
+      mode: "client",
+      pageSize: 20,
+    },
   });
 
   tableProps.dataSource?.forEach((element) => {
diff --git a/client/src/pages/vendors/list.tsx b/client/src/pages/vendors/list.tsx
index 63dc589..3ec1f1c 100644
--- a/client/src/pages/vendors/list.tsx
+++ b/client/src/pages/vendors/list.tsx
@@ -17,6 +17,10 @@ dayjs.extend(utc);
 export const VendorList: React.FC<IResourceComponentsProps> = () => {
   const { tableProps } = useTable({
     syncWithLocation: true,
+    pagination: {
+      mode: "client",
+      pageSize: 20,
+    },
   });
 
   return (