chore: use toggle order

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
+      )
   };
 };

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 } =
+  const {
-    usePagination(ProjectOrderBy.Name, { initPerPage: 24 });
+    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={() =>
+                onClick={toggleOrderDirection}
-                  setOrderDirection((prev) =>
-                    prev === OrderByDirection.ASC ? OrderByDirection.DESC : OrderByDirection.ASC
-                  )
-                }
               >
                 <FontAwesomeIcon
                   icon={orderDirection === OrderByDirection.ASC ? faArrowDownAZ : faArrowUpZA}