[explorer] fix: improvement blocks listing page

* fix: remove chain info on top right blocks listing page

* feat: add inflation data

* fix: refactor code

* fix: re-arrage block listing table head

* feat: new translation

* Fix: get inflation from statement receipt

* task: fix indent

* task: removed unused code

* task: update get block list unit test

* task: add missing library

* task: lint fix import order

Author: AnthonyLaw

__tests__/TestHelper.js

@@ -230,6 +230,21 @@ const TestHelper = {
 				new Mosaic(new MosaicId('7F2D26E89342D398'), UInt64.fromUint(5))
 			]
 		};
+	},
+	/**
+	 * Mock inflation statement.
+	 * @param {number} amount reward amount.
+	 * @param {number} height block height.
+	 * @returns {object} inflation statement.
+	 */
+	mockInflationStatement: (amount, height) => {
+		return {
+			amount: UInt64.fromUint(amount),
+			height: UInt64.fromUint(height),
+			mosaicId: new MosaicId('6BED913FA20223F8'),
+			type: 20803,
+			version: 1
+		};
 	}
 };
 

__tests__/infrastructure/BlockService.spec.js

@@ -1,5 +1,5 @@
-import { BlockService, AccountService, NodeService } from '../../src/infrastructure';
 import Helper from '../../src/helper';
+import { BlockService, AccountService, NodeService, ReceiptService } from '../../src/infrastructure';
 import TestHelper from '../TestHelper';
 import { restore, stub } from 'sinon';
 
@@ -73,11 +73,13 @@ describe('Block Service', () => {
 		let getAccounts = {};
 		let searchBlocks = {};
 		let getStorageInfo = {};
+		let searchReceipts = {};
 
 		beforeAll(async () => {
 			getAccounts = stub(AccountService, 'getAccounts');
 			searchBlocks = stub(BlockService, 'searchBlocks');
 			getStorageInfo = stub(NodeService, 'getStorageInfo');
+			searchReceipts = stub(ReceiptService, 'searchReceipts');
 
 			getStorageInfo.returns(Promise.resolve({
 				numBlocks: 100
@@ -102,10 +104,24 @@ describe('Block Service', () => {
 				})
 			};
 
+			const mockBalanceTransferReceipt = {
+				data: {
+					inflationStatement: {
+						data: mockSearchBlocks.data.map(block => {
+							// mock reward amount
+							const amount = block.height * 1000000;
+							return TestHelper.mockInflationStatement(amount, block.height);
+						})
+					}
+				}
+			};
+
 			getAccounts.returns(Promise.resolve(mockAccounts));
 
 			searchBlocks.returns(Promise.resolve(mockSearchBlocks));
 
+			searchReceipts.returns(Promise.resolve(mockBalanceTransferReceipt));
+
 			// Act:
 			const blockList = await BlockService.getBlockList(pageInfo);
 
@@ -115,8 +131,10 @@ describe('Block Service', () => {
 			expect(blockList.pageSize).toEqual(pageInfo.pageSize);
 			expect(blockList.data[0].harvester.signer).toEqual(accounts[0].address.plain());
 			expect(blockList.data).toHaveLength(10);
+
 			blockList.data.forEach((block, index) => {
 				expect(block.age).toEqual(Helper.convertToUTCDate(epochAdjustment + index + 1));
+				expect(block.blockReward).toEqual(Helper.toNetworkCurrency(block.height * 1000000));
 				expect(block).toHaveProperty('harvester');
 				expect(block.harvester).toHaveProperty('signer');
 				expect(block.harvester).toHaveProperty('linkedAddress');

src/config/i18n/en-us.json

@@ -416,5 +416,6 @@
     "recentNamespaces": "Recent Namespaces",
     "lastEpoch": "Last Epoch",
     "currentEpoch": "Current Epoch",
-    "value": "Value"
+    "value": "Value",
+    "blockReward": "Block Reward"
 }

src/config/i18n/es.json

@@ -412,5 +412,6 @@
     "recentNamespaces": "Recent Namespaces",
     "lastEpoch": "Last Epoch",
     "currentEpoch": "Current Epoch",
-    "value": "Value"
+    "value": "Value",
+    "blockReward": "Block Reward"
 }

src/config/i18n/ja.json

@@ -416,5 +416,6 @@
     "recentNamespaces": "直近ネームスペース",
     "lastEpoch": "Last Epoch",
     "currentEpoch": "Current Epoch",
-    "value": "値"
+    "value": "値",
+    "blockReward": "ブロック報酬"
 }

src/config/i18n/pt.json

@@ -410,5 +410,6 @@
     "recentNamespaces": "Recent Namespaces",
     "lastEpoch": "Last Epoch",
     "currentEpoch": "Current Epoch",
-    "value": "Value"
+    "value": "Value",
+    "blockReward": "Block Reward"
 }

src/config/i18n/ru.json

@@ -416,5 +416,6 @@
     "recentNamespaces": "Недавние Пространства имен",
     "lastEpoch": "Last Epoch",
     "currentEpoch": "Current Epoch",
-    "value": "Value"
+    "value": "Value",
+    "blockReward": "Награда за блок"
 }

src/config/i18n/ua.json

@@ -412,5 +412,6 @@
     "recentNamespaces": "Recent Namespaces",
     "lastEpoch": "Last Epoch",
     "currentEpoch": "Current Epoch",
-    "value": "Value"
+    "value": "Value",
+    "blockReward": "Block Reward"
 }

src/config/i18n/zh.json

@@ -412,5 +412,6 @@
     "recentNamespaces": "Recent Namespaces",
     "lastEpoch": "Last Epoch",
     "currentEpoch": "Current Epoch",
-    "value": "值"
+    "value": "值",
+    "blockReward": "Block Reward"
 }

src/config/pages/block-list.json

@@ -14,24 +14,23 @@
                 "type": "CardTable",
                 "title": "blocksTitle",
                 "managerGetter": "block/timeline",
-                "infoTextGetter": "block/infoText",
                 "pagination": "server",
                 "hasFilter": false,
-				"hasInfoText": true,
+                "hasInfoText": false,
                 "fields": [
                     "height",
-                    "blockType",
                     "age",
+                    "harvester",
                     "totalTransactions",
                     "statements",
-                    "totalFee",
-                    "timestamp",
-                    "harvester"
+                    "blockReward",
+                    "totalFee"
                 ],
                 "mobileFields": [
                     "height",
                     "age",
-                    "transactions",
+                    "totalTransactions",
+                    "blockReward",
                     "totalFee"
                 ]
             }