From cf5f49d14ede1b5a70cb01da0f311ad20e7e1880 Mon Sep 17 00:00:00 2001
From: Scott Wilson <scottraywilson@gmail.com>
Date: Tue, 26 Nov 2024 17:26:49 -0800
Subject: [PATCH] chore: use toggle order
---
frontend/src/hooks/usePagination.tsx | 6 +++++-
frontend/src/pages/org/[id]/overview/index.tsx | 18 +++++++++++-------
2 files changed, 16 insertions(+), 8 deletions(-)
diff --git a/frontend/src/hooks/usePagination.tsx b/frontend/src/hooks/usePagination.tsx
index b89a4f92c..e4c9fddbb 100644
--- a/frontend/src/hooks/usePagination.tsx
+++ b/frontend/src/hooks/usePagination.tsx
@@ -33,6 +33,10 @@ export const usePagination = <T extends string>(
search,
setSearch,
orderBy,
- setOrderBy
+ setOrderBy,
+ toggleOrderDirection: () =>
+ setOrderDirection((prev) =>
+ prev === OrderByDirection.DESC ? OrderByDirection.ASC : OrderByDirection.DESC
+ )
};
};
diff --git a/frontend/src/pages/org/[id]/overview/index.tsx b/frontend/src/pages/org/[id]/overview/index.tsx
index ed5b13100..45fc7f3d2 100644
--- a/frontend/src/pages/org/[id]/overview/index.tsx
+++ b/frontend/src/pages/org/[id]/overview/index.tsx
@@ -514,8 +514,16 @@ const OrganizationPage = () => {
const isWorkspaceEmpty = !isProjectViewLoading && orgWorkspaces?.length === 0;
- const { setPage, perPage, setPerPage, page, offset, limit, setOrderDirection, orderDirection } =
- usePagination(ProjectOrderBy.Name, { initPerPage: 24 });
+ const {
+ setPage,
+ perPage,
+ setPerPage,
+ page,
+ offset,
+ limit,
+ toggleOrderDirection,
+ orderDirection
+ } = usePagination(ProjectOrderBy.Name, { initPerPage: 24 });
const filteredWorkspaces = useMemo(
() =>
@@ -805,11 +813,7 @@ const OrganizationPage = () => {
variant="plain"
size="xs"
colorSchema="secondary"
- onClick={() =>
- setOrderDirection((prev) =>
- prev === OrderByDirection.ASC ? OrderByDirection.DESC : OrderByDirection.ASC
- )
- }
+ onClick={toggleOrderDirection}
>
<FontAwesomeIcon
icon={orderDirection === OrderByDirection.ASC ? faArrowDownAZ : faArrowUpZA}