From bc9a9ce0bc2d9d8e9c3989afdb3a3397670d14d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?L=C3=A9o?= <leopold.chappuis@savoirfairelinux.com>
Date: Thu, 13 Feb 2025 15:37:04 -0500
Subject: [PATCH] admin-accounts-overview: update default row per page options
Change-Id: I98e253db33f84526603a49f605f0a228a9c4aa68
---
client/src/components/AdminSettings/AccountsOverview.tsx | 6 ++++--
1 file changed, 4 insertions(+), 2 deletions(-)
diff --git a/client/src/components/AdminSettings/AccountsOverview.tsx b/client/src/components/AdminSettings/AccountsOverview.tsx
index 770db7ce..fb69e5e9 100644
--- a/client/src/components/AdminSettings/AccountsOverview.tsx
+++ b/client/src/components/AdminSettings/AccountsOverview.tsx
@@ -51,6 +51,8 @@ function descendingComparator<T>(a: T, b: T, orderBy: keyof T) {
return 0
}
+const rowPerPagesOptions = [10, 25, 50, 100]
+
type Order = 'asc' | 'desc'
function getComparator<Key extends keyof any>(
@@ -195,7 +197,7 @@ export default function AccountsOverview() {
const [orderBy, setOrderBy] = useState<keyof AccountOverview>('auth')
const [selected, setSelected] = useState<readonly string[]>([])
const [page, setPage] = useState(0)
- const [rowsPerPage, setRowsPerPage] = useState(5)
+ const [rowsPerPage, setRowsPerPage] = useState(rowPerPagesOptions[0])
const getAllAccounts = useGetAllAccounts()
const accountDeletionMutation = useDeleteAccounts()
@@ -332,7 +334,7 @@ export default function AccountsOverview() {
</Table>
</TableContainer>
<TablePagination
- rowsPerPageOptions={[5, 10, 25]}
+ rowsPerPageOptions={rowPerPagesOptions}
component="div"
count={rows.length}
rowsPerPage={rowsPerPage}
--
GitLab