feat(neuron-ui): use calculateGlobalAPC to update Nervos DAO APC

Author: Keith-CY

packages/neuron-ui/src/components/CustomRows/DAORecordRow.tsx

@@ -3,7 +3,7 @@ import { DefaultButton } from 'office-ui-fabric-react'
 import { useTranslation } from 'react-i18next'
 import { ckbCore, getBlockByNumber } from 'services/chain'
 import { showMessage } from 'services/remote'
-import calculateAPC from 'utils/calculateAPC'
+import calculateGlobalAPC from 'utils/calculateGlobalAPC'
 import { shannonToCKBFormatter, uniformTimeFormatter, localNumberFormatter } from 'utils/formatters'
 import calculateClaimEpochNumber from 'utils/calculateClaimEpochNumber'
 import { epochParser } from 'utils/parsers'
@@ -143,13 +143,7 @@ const DAORecord = ({
         </div>
       </div>
       <div className={styles.secondaryInfo}>
-        <span>
-          {`APC: ~${calculateAPC(
-            compensation.toString(),
-            capacity,
-            `${Date.now() - +(depositTimestamp || timestamp)}`
-          )}%`}
-        </span>
+        <span>{`APC: ~${calculateGlobalAPC(+(depositTimestamp || timestamp))}%`}</span>
         <span>{uniformTimeFormatter(+timestamp)}</span>
         <span>{metaInfo}</span>
       </div>

packages/neuron-ui/src/utils/calculateAPC.ts

@@ -8,7 +8,7 @@ const PERIOD_LENGTH = DAYS_PER_PERIOD * MILLI_SECONDS_PER_DAY
 
 let cachedGenesisTimestamp: number | undefined
 
-export default async (now: number, initialTimestamp: number | undefined = cachedGenesisTimestamp) => {
+export default async (checkPointTimestamp: number, initialTimestamp: number | undefined = cachedGenesisTimestamp) => {
   let genesisTimestamp = initialTimestamp
   if (genesisTimestamp === undefined) {
     genesisTimestamp = await getBlockByNumber('0x0')
@@ -18,12 +18,12 @@ export default async (now: number, initialTimestamp: number | undefined = cached
       })
       .catch(() => undefined)
   }
-  if (genesisTimestamp === undefined || now <= genesisTimestamp) {
+  if (genesisTimestamp === undefined || checkPointTimestamp <= genesisTimestamp) {
     return 0
   }
 
-  const pastPeriods = BigInt(now - genesisTimestamp) / BigInt(PERIOD_LENGTH)
-  const pastDays = Math.ceil(((now - genesisTimestamp) % PERIOD_LENGTH) / MILLI_SECONDS_PER_DAY)
+  const pastPeriods = BigInt(checkPointTimestamp - genesisTimestamp) / BigInt(PERIOD_LENGTH)
+  const pastDays = Math.ceil(((checkPointTimestamp - genesisTimestamp) % PERIOD_LENGTH) / MILLI_SECONDS_PER_DAY)
 
   const realSecondaryOffer =
     BigInt(4) * SECONDARY_OFFER * pastPeriods +