Merge pull request #23 from aucch/txnumber

Tx # in block list
planetarium · Aug 16, 2019 · 339528f · 339528f
2 parents 4a658ea + 860a764
commit 339528f
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/src/api.graphql b/src/api.graphql
@@ -18,6 +18,9 @@ fragment TransactionCommon on Transaction {
 query BlockList($offset: Int!, $limit: Int!) {
   blocks(desc: true, offset: $offset, limit: $limit) {
     ...BlockCommon
+    transactions {
+      id
+    }
   }
 }
 

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -141,6 +141,22 @@ const BlockList: React.FC<BlockListProps> = ({ blocks }) => {
       data: 'string',
       isPadded: true,
     },
+    {
+      key: 'columnTxNumber',
+      name: 'Tx #',
+      fieldName: null,
+      minWidth: 5,
+      maxWidth: 20,
+      isRowHeader: true,
+      isResizable: true,
+      isSorted: false,
+      isSortedDescending: false,
+      data: 'number',
+      isPadded: true,
+      onRender: block => (
+        <>{block.transactions.length}</>
+      ),
+    },
   ];
   return (
     <DetailsList
@@ -152,6 +168,7 @@ const BlockList: React.FC<BlockListProps> = ({ blocks }) => {
       layoutMode={DetailsListLayoutMode.justified}
       isHeaderVisible={true}
       onItemInvoked={block => navigate(`/block/?${block.hash}`)}
+
     />
   );
 };