fix(neuron-ui): fix the transaction detail view

1. hide the deprecated block hash 2. fix the display of cell out point
nervosnetwork · Sep 11, 2019 · 9e6da54 · 9e6da54
1 parent ae680bf
commit 9e6da54
Showing 1 changed file with 14 additions and 12 deletions.
diff --git a/packages/neuron-ui/src/components/Transaction/index.tsx b/packages/neuron-ui/src/components/Transaction/index.tsx
@@ -16,23 +16,25 @@ const inputColumns: IColumn[] = [
     key: 'lockHash',
     name: 'Lock Hash',
     minWidth: 100,
-    maxWidth: 525,
-  },
-  {
-    key: 'outPointBlockHash',
-    name: 'OutPoint BlockHash',
-    minWidth: 150,
-    onRender: (item: any) => <span>{item.previousOutput.blockHash || 'none'}</span>,
+    maxWidth: 200,
+    onRender: (item: any) => (
+      <span title={item.lockHash || 'none'} className="text-overflow">
+        {item.lockHash || 'none'}
+      </span>
+    ),
   },
   {
     key: 'outPointCell',
     name: 'OutPoint Cell',
     minWidth: 150,
-    onRender: (item: any) => (
-      <span>
-        {item.previousOutput.cell ? `${item.previousOutput.cell.txHash}[${item.previousOutput.cell.index}]` : 'none'}
-      </span>
-    ),
+    onRender: (item: any) => {
+      const text = item.previousOutput ? `${item.previousOutput.txHash}[${item.previousOutput.index}]` : 'none'
+      return (
+        <span title={text} className="text-overflow">
+          {text}
+        </span>
+      )
+    },
   },
   {
     key: 'capacity',