Sort proposals by creation date second to the user define order

Joystream · Feb 29, 2024 · 7eb5b3d · 7eb5b3d
1 parent 122e9f0
commit 7eb5b3d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/packages/ui/src/common/hooks/useSort.ts b/packages/ui/src/common/hooks/useSort.ts
@@ -13,10 +13,14 @@ export interface SortOrder<Order extends BaseSortKey> {
   isDescending: boolean
 }
 
-export function toQueryOrderByInput<Order extends BaseSortKey>(order: SortOrder<Order>) {
-  const value = order.isDescending ? `${order.orderKey}_DESC` : `${order.orderKey}_ASC`
+export function toQueryOrderByInput<Order extends BaseSortKey>(...orders: (SortOrder<Order> | undefined)[]): Order[] {
+  return orders.flatMap((order) => {
+    if (!order) return []
 
-  return value as Order
+    const value = order.isDescending ? `${order.orderKey}_DESC` : `${order.orderKey}_ASC`
+
+    return value as Order
+  })
 }
 
 export type GetSortProps<Order extends BaseSortKey> = (key: OrderKey<Order>) => {

diff --git a/packages/ui/src/proposals/hooks/useProposals.ts b/packages/ui/src/proposals/hooks/useProposals.ts
@@ -33,7 +33,10 @@ export const useProposals = ({
   perPage = 10,
   fetchAll = false,
 }: UseProposalsProps): UseProposals => {
-  const orderBy = order ? toQueryOrderByInput<ProposalOrderByInput>(order) : ProposalOrderByInput.CreatedAtDesc
+  const orderBy = toQueryOrderByInput<ProposalOrderByInput>(order, {
+    orderKey: 'createdAt',
+    isDescending: order?.isDescending ?? false,
+  })
 
   const where = useMemo(() => {
     const where: ProposalWhereInput = filters?.stage