fix tx stats titles

blockscout · Feb 27, 2025 · 279dd66 · 279dd66
1 parent 680efdb
commit 279dd66
Showing 1 changed file with 20 additions and 5 deletions.
diff --git a/ui/txs/TxsStats.tsx b/ui/txs/TxsStats.tsx
@@ -76,7 +76,9 @@ const TxsStats = () => {
     >
       { txCount24h && (
         <StatsWidget
-          label={ txsStatsQuery.data?.transactions_24h?.title || 'Transactions' }
+          label={ txsStatsQuery.data?.transactions_24h?.title ?
+            getLabelFromTitle(txsStatsQuery.data?.transactions_24h?.title) :
+            'Transactions' }
           value={ Number(txCount24h).toLocaleString() }
           period="24h"
           isLoading={ isLoading }
@@ -85,23 +87,29 @@ const TxsStats = () => {
       ) }
       { operationalTxns24h && (
         <StatsWidget
-          label={ txsStatsQuery.data?.operational_transactions_24h?.title || 'Daily op txns' }
+          label={ txsStatsQuery.data?.operational_transactions_24h?.title ?
+            getLabelFromTitle(txsStatsQuery.data?.operational_transactions_24h?.title) :
+            'Daily op txns' }
           value={ Number(operationalTxns24h).toLocaleString() }
           period="24h"
           isLoading={ isLoading }
         />
       ) }
       { pendingTxns && (
         <StatsWidget
-          label={ txsStatsQuery.data?.pending_transactions_30m?.title || 'Pending transactions' }
+          label={ txsStatsQuery.data?.pending_transactions_30m?.title ?
+            getLabelFromTitle(txsStatsQuery.data?.pending_transactions_30m?.title) :
+            'Pending transactions' }
           value={ Number(pendingTxns).toLocaleString() }
           period={ isStatsFeatureEnabled ? '30min' : '1h' }
           isLoading={ isLoading }
         />
       ) }
       { txFeeSum24h && (
         <StatsWidget
-          label={ txsStatsQuery.data?.transactions_fee_24h?.title || 'Transactions fees' }
+          label={ txsStatsQuery.data?.transactions_fee_24h?.title ?
+            getLabelFromTitle(txsStatsQuery.data?.transactions_fee_24h?.title) :
+            'Transactions fees' }
           value={ txFeeSum24h.toLocaleString(undefined, { maximumFractionDigits: 2 }) }
           valuePostfix={ thinsp + config.chain.currency.symbol }
           period="24h"
@@ -111,7 +119,9 @@ const TxsStats = () => {
       ) }
       { txFeeAvg && (
         <StatsWidget
-          label={ txsStatsQuery.data?.average_transactions_fee_24h?.title || 'Avg. transaction fee' }
+          label={ txsStatsQuery.data?.average_transactions_fee_24h?.title ?
+            getLabelFromTitle(txsStatsQuery.data?.average_transactions_fee_24h?.title) :
+            'Avg. transaction fee' }
           value={ txFeeAvg.usd ? txFeeAvg.usd : txFeeAvg.valueStr }
           valuePrefix={ txFeeAvg.usd ? '$' : undefined }
           valuePostfix={ txFeeAvg.usd ? undefined : thinsp + config.chain.currency.symbol }
@@ -124,4 +134,9 @@ const TxsStats = () => {
   );
 };
 
+// remove period from title
+function getLabelFromTitle(title: string) {
+  return title.replace(/\s*\([^)]*\)\s*$/, '');
+}
+
 export default React.memo(TxsStats);