feat(dapp): Ending sorting (#1071)

* feat(dapp): Ending sorting

* Update dapp/src/app/auctions/params.ts

Co-authored-by: Thoralf-M <46689931+Thoralf-M@users.noreply.github.com>

---------

Co-authored-by: Thoralf-M <46689931+Thoralf-M@users.noreply.github.com>

Author: marc2332

dapp/src/app/auctions/page.tsx

@@ -72,6 +72,16 @@ const SORT_OPTIONS = [
         sort: 'desc' as const,
         sortBy: 'name' as const,
     },
+    {
+        label: 'Ending: soonest first',
+        sort: 'asc' as const,
+        sortBy: 'ending' as const,
+    },
+    {
+        label: 'Ending: latest first',
+        sort: 'desc' as const,
+        sortBy: 'ending' as const,
+    },
 ];
 
 const PAGE_SIZES_RANGE = [10, 20, 50, 100];

dapp/src/app/auctions/params.ts

@@ -23,7 +23,8 @@ export const paramsSchema = z.object({
         z.enum(['asc', 'desc']).default('asc'),
     ),
     sortBy: z.preprocess(
-        (v: unknown) => (typeof v === 'string' && ['bid', 'name'].includes(v) ? v : undefined),
-        z.enum(['bid', 'name']).default('bid'),
+        (v: unknown) =>
+            typeof v === 'string' && ['bid', 'name', 'ending'].includes(v) ? v : undefined,
+        z.enum(['bid', 'name', 'ending']).default('ending'),
     ),
 });

dapp/src/auctions/hooks/useAuctions.ts

@@ -51,7 +51,7 @@ export interface UseAuctionsOptions {
      * Sort field for auctions.
      * Only applies when fetching all auctions (not user-specific).
      */
-    sortBy?: 'bid' | 'name';
+    sortBy?: 'bid' | 'name' | 'ending';
 
     /**
      * Current page number.

dapp/src/auctions/services/IotaNamesIndexerClient.ts

@@ -58,7 +58,7 @@ export class IotaNamesIndexerClient {
         status: 'all' | 'active' | 'finished',
         search?: string,
         sort?: 'asc' | 'desc',
-        sortBy?: 'bid' | 'name',
+        sortBy?: 'bid' | 'name' | 'ending',
         page: number = 0,
         pageSize: number = 50,
     ): Promise<AuctionsResponse> {