feat: Change the way pending confirmations display on overview

Author: ashchan

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

@@ -129,19 +129,21 @@ const Overview = ({
 
           if (status === 'success' && confirmationCount < CONFIRMATION_THRESHOLD) {
             status = 'pending'
+
+            if (confirmationCount === 1) {
+              confirmations = t('overview.confirmation', {
+                confirmationCount: localNumberFormatter(confirmationCount),
+                threshold: CONFIRMATION_THRESHOLD,
+              })
+            } else if (confirmationCount > 1) {
+              confirmations = `${t('overview.confirmations', {
+                confirmationCount: localNumberFormatter(confirmationCount),
+                threshold: CONFIRMATION_THRESHOLD,
+              })}`
+            }
           }
 
           typeLabel = genTypeLabel(item.type, confirmationCount, status)
-
-          if (confirmationCount === 1) {
-            confirmations = t('overview.confirmation', {
-              confirmationCount: localNumberFormatter(confirmationCount),
-            })
-          } else if (confirmationCount > 1) {
-            confirmations = `${t('overview.confirmations', {
-              confirmationCount: localNumberFormatter(confirmationCount),
-            })}`
-          }
         }
 
         return {

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

@@ -116,7 +116,7 @@ const TransactionList = ({
             const confirmationCount = 1 + +tipBlockNumber - +item.blockNumber
             if (confirmationCount < CONFIRMATION_THRESHOLD) {
               return t(`history.confirming-with-count`, {
-                confirmations: `${Math.max(0, confirmationCount)} / ${CONFIRMATION_THRESHOLD}`,
+                confirmations: `${Math.max(0, confirmationCount)}/${CONFIRMATION_THRESHOLD}`,
               })
             }
             const confirmations = localNumberFormatter(confirmationCount)

packages/neuron-ui/src/locales/en.json

@@ -26,8 +26,8 @@
       "epoch": "Epoch",
       "difficulty": "Difficulty",
       "address": "Address",
-      "confirmation": "{{confirmationCount}} Confirmation",
-      "confirmations": "{{confirmationCount}} Confirmations",
+      "confirmation": "{{confirmationCount}}/{{threshold}} Confirmation",
+      "confirmations": "{{confirmationCount}}/{{threshold}} Confirmations",
       "sent": "Sent",
       "sending": "Sending",
       "received": "Received",
@@ -137,7 +137,7 @@
         "placeholder": "Search tx hash, address or date (yyyy-mm-dd)"
       },
       "confirmations": "Confirmations",
-      "confirming-with-count": "{{confirmations}} confirmations"
+      "confirming-with-count": "{{confirmations}} Confirmations"
     },
     "transaction": {
       "date": "Date",

packages/neuron-ui/src/locales/zh.json

@@ -26,8 +26,8 @@
       "epoch": "Epoch",
       "difficulty": "难度",
       "address": "地址",
-      "confirmation": "{{confirmationCount}} 个确认",
-      "confirmations": "{{confirmationCount}} 个确认",
+      "confirmation": "{{confirmationCount}}/{{threshold}} 个确认",
+      "confirmations": "{{confirmationCount}}{{threshold}} 个确认",
       "sent": "已发送",
       "sending": "正在发送",
       "received": "已收款",