feat(neuron-ui): update the epoch index

Author: Keith-CY

packages/neuron-ui/src/components/History/hooks.ts

@@ -1,6 +1,6 @@
 import { useState, useEffect } from 'react'
 import { updateTransactionList } from 'states/stateProvider/actionCreators/transactions'
-import { queryParsers } from 'utils/parser'
+import { queryParsers } from 'utils/parsers'
 import { backToTop } from 'utils/animations'
 
 export const useSearch = (search: string = '', walletID: string = '', dispatch: React.Dispatch<any>) => {

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

@@ -26,6 +26,7 @@ import { updateTransactionList } from 'states/stateProvider/actionCreators'
 import { showTransactionDetails } from 'services/remote'
 
 import { localNumberFormatter, shannonToCKBFormatter, uniformTimeFormatter as timeFormatter } from 'utils/formatters'
+import { epochParser } from 'utils/parsers'
 import { PAGE_SIZE, Routes, CONFIRMATION_THRESHOLD } from 'utils/const'
 import { backToTop } from 'utils/animations'
 
@@ -250,7 +251,7 @@ const Overview = ({
       },
       {
         label: t('overview.epoch'),
-        value: epoch,
+        value: epochParser(epoch).index,
       },
       {
         label: t('overview.difficulty'),

packages/neuron-ui/src/utils/parser.ts packages/neuron-ui/src/utils/parsers.tspackages/neuron-ui/src/utils/parser.ts renamed to packages/neuron-ui/src/utils/parsers.ts

@@ -23,4 +23,12 @@ export const prompt = (search: string) => {
 }
 export const queryParsers = { history, prompt }
 
-export default { queryParsers }
+/* eslint-disable no-bitwise */
+export const epochParser = (epoch: string) => {
+  return {
+    index: +epoch & 0xffff,
+  }
+}
+/* eslint-enable no-bitwise */
+
+export default { queryParsers, epochParser }