VTAdmin: Order the transactions by time_created

Signed-off-by: Noble Mittal <[email protected]>
vitessio · Sep 19, 2024 · 9d47262 · 9d47262
1 parent 12e4698
commit 9d47262
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/web/vtadmin/src/components/routes/Transactions.tsx b/web/vtadmin/src/components/routes/Transactions.tsx
@@ -28,6 +28,7 @@ import { FetchTransactionsParams } from '../../api/http';
 import { formatTransactionState } from '../../util/transactions';
 import { ShardLink } from '../links/ShardLink';
 import { formatDateTime, formatRelativeTime } from '../../util/time';
+import { orderBy } from 'lodash-es';
 
 const COLUMNS = ['ID', 'State', 'Participants', 'Time Created'];
 
@@ -48,7 +49,8 @@ export const Transactions = () => {
         enabled: !!params.keyspace,
     });
 
-    const transactions = (transactionsQuery.data && transactionsQuery.data.transactions) || [];
+    const transactions =
+        (transactionsQuery.data && orderBy(transactionsQuery.data.transactions, ['time_created'], 'asc')) || [];
 
     const renderRows = (rows: query.ITransactionMetadata[]) => {
         return rows.map((row) => {