fix(neuron-ui): sort outputs of a transaction by outPoint.index

Author: Keith-CY

packages/neuron-ui/src/components/Transaction/index.tsx

@@ -189,11 +189,13 @@ const Transaction = () => {
             Outputs
           </Text>
           <DetailsList
-            items={transaction.outputs.map((output, index) => ({
-              ...output,
-              index,
-              capacity: `${shannonToCKBFormatter(output.capacity)} CKB`,
-            }))}
+            items={transaction.outputs
+              .map(output => ({
+                ...output,
+                index: output.outPoint.index,
+                capacity: `${shannonToCKBFormatter(output.capacity)} CKB`,
+              }))
+              .sort((o1, o2) => +o1.index - +o2.index)}
             columns={outputColumns}
             checkboxVisibility={CheckboxVisibility.hidden}
             compact

packages/neuron-ui/src/types/App/index.d.ts

@@ -33,11 +33,8 @@ declare namespace State {
       }
       lockHash: string
       outPoint: {
-        blockHash: string | null
-        cell: {
-          index: string
-          txHash: string
-        }
+        index: string
+        txHash: string
       }
     }[]
     witnesses: string[]