Improve slashable stake sorting (l2beat#5721)

morph-l2 · Nov 5, 2024 · 9357b5d · 9357b5d
1 parent 7b9c278
commit 9357b5d
Showing 1 changed file with 24 additions and 2 deletions.
diff --git a/packages/frontend/src/app/(side-nav)/data-availability/summary/_components/table/columns.tsx b/packages/frontend/src/app/(side-nav)/data-availability/summary/_components/table/columns.tsx
@@ -1,4 +1,4 @@
-import { createColumnHelper } from '@tanstack/react-table'
+import { type Row, createColumnHelper } from '@tanstack/react-table'
 import { NaBadge } from '~/components/badge/na-badge'
 import { GrissiniCell } from '~/components/rosette/grissini/grissini-cell'
 import { TwoRowCell } from '~/components/table/cells/two-row-cell'
@@ -79,7 +79,6 @@ const tvsColumn = columnHelper.accessor('tvs', {
       </div>
     )
   },
-  enableSorting: false,
   meta: {
     tooltip:
       'Total value secured (TVS) is the total value locked of all projects using this layer.',
@@ -105,6 +104,7 @@ const slashableStakeColumn = columnHelper.accessor('economicSecurity', {
       </div>
     )
   },
+  sortingFn: sortSlashableStake,
   meta: {
     align: 'right',
     tooltip:
@@ -229,3 +229,25 @@ export const publicSystemsColumns = [
   bridgeColumn,
   bridgeGroup,
 ]
+
+function sortSlashableStake(
+  rowA: Row<DaSummaryEntry>,
+  rowB: Row<DaSummaryEntry>,
+) {
+  const rowAValue = slashableStakeToValue(rowA.original)
+  const rowBValue = slashableStakeToValue(rowB.original)
+
+  return rowBValue - rowAValue
+}
+
+function slashableStakeToValue(entry: DaSummaryEntry) {
+  if (entry.risks.economicSecurity.type === 'Unknown') {
+    return 0
+  }
+
+  if (!entry.economicSecurity || entry.economicSecurity.status !== 'Synced') {
+    return 0
+  }
+
+  return entry.economicSecurity.economicSecurity
+}