From bd38b8ed2b3807ce26fe6d1b45bef46d56986f5a Mon Sep 17 00:00:00 2001
From: Clas Wen <clas.wen@icloud.com>
Date: Sat, 24 May 2025 02:42:15 +0800
Subject: [PATCH] fix page

---
 src/pages/repair/RepairAdmin.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/pages/repair/RepairAdmin.tsx b/src/pages/repair/RepairAdmin.tsx
index 1f9b45d..83948bb 100644
--- a/src/pages/repair/RepairAdmin.tsx
+++ b/src/pages/repair/RepairAdmin.tsx
@@ -304,21 +304,23 @@ export default function App() {
     },
   })
 
+  const filteredList = useMemo(() => {
+    if (statusFilter.length > 0) {
+      return list.items.filter(item => statusFilter.includes(item.status))
+    }
+    return list.items
+  }, [list, statusFilter])
+
   const items = useMemo(() => {
     const start = (page - 1) * rowsPerPage
     const end = start + rowsPerPage
 
-    if (statusFilter.length > 0) {
-      return list.items.filter(item => statusFilter.includes(item.status)).slice(start, end)
-    }
-
-    return list.items.slice(start, end)
-  }, [list, page, rowsPerPage, statusFilter])
+    return filteredList.slice(start, end)
+  }, [filteredList, page, rowsPerPage])
 
   const pages = useMemo(() => {
-    return Math.ceil(list.items.length / rowsPerPage)
-  }, [list, rowsPerPage])
-
+    return Math.ceil(filteredList.length / rowsPerPage)
+  }, [filteredList, rowsPerPage])
   // useEffect(() => {
   //   fetchAndSetEvent()
   // }, [])