tx/day legend wasn't live updating. now it does

apps/block_scout_web/assets/js/pages/chain.js

@@ -154,6 +154,7 @@ const elements = {
       if (chart && !(oldState.availableSupply === state.availableSupply && oldState.marketHistoryData === state.marketHistoryData) && state.availableSupply) {
         chart.updateMarketHistory(state.availableSupply, state.marketHistoryData)
       }
+
       if (chart && !(JSON.stringify(oldState.transactionStats) === JSON.stringify(state.transactionStats))) {
         chart.updateTransactionHistory(state.transactionStats)
       }
@@ -195,6 +196,13 @@ const elements = {
       $el.empty().append(formatUsdValue(state.usdMarketCap))
     }
   },
+  '[data-selector="tx_per_day"]': {
+    render ($el, state, oldState) {
+      if (!(JSON.stringify(oldState.transactionStats) === JSON.stringify(state.transactionStats))) {
+        $el.empty().append(state.transactionStats[0].number_of_transactions)
+      }
+    }
+  },
   '[data-selector="chain-block-list"]': {
     load ($el) {
       return {

apps/block_scout_web/lib/block_scout_web/templates/chain/show.html.eex

@@ -71,7 +71,7 @@
                 <span class="dashboard-banner-chart-legend-label">
                     <%= gettext "Tx/day" %>
                 </span>
-                <span class="dashboard-banner-chart-legend-value" data-selector="numTransactions">
+                <span class="dashboard-banner-chart-legend-value" data-selector="tx_per_day">
                     <%= Enum.at(@transaction_stats, 0).number_of_transactions %>
                 </span>
             </div>