From 185af1a122a664cf9d5be5eee45447674c282455 Mon Sep 17 00:00:00 2001
From: Alex Panturu <panturu.alexandru@gmail.com>
Date: Wed, 19 Jun 2024 17:05:30 +0300
Subject: [PATCH] explorer: add number of displayed entries on table header

---
 .../__tests__/__snapshots__/BlocksCard.spec.js.snap         | 6 +++---
 .../__tests__/__snapshots__/TransactionsCard.spec.js.snap   | 6 +++---
 explorer/src/lib/components/blocks-card/BlocksCard.svelte   | 2 +-
 .../components/transactions-card/TransactionsCard.svelte    | 2 +-
 .../routes/blocks/__tests__/__snapshots__/page.spec.js.snap | 4 ++--
 .../transactions/__tests__/__snapshots__/page.spec.js.snap  | 4 ++--
 6 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/explorer/src/lib/components/__tests__/__snapshots__/BlocksCard.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/BlocksCard.spec.js.snap
index 842dad4f71..02bd6e2319 100644
--- a/explorer/src/lib/components/__tests__/__snapshots__/BlocksCard.spec.js.snap
+++ b/explorer/src/lib/components/__tests__/__snapshots__/BlocksCard.spec.js.snap
@@ -11,7 +11,7 @@ exports[`Blocks Card > should disable the \`Show More\` button if there is no mo
     <h1
       class="data-card__header-title"
     >
-      Blocks
+      Blocks  - 10 Displayed Items
     </h1>
      
     <button
@@ -2627,7 +2627,7 @@ exports[`Blocks Card > should disable the \`Show More\` button is the card is in
     <h1
       class="data-card__header-title"
     >
-      Blocks
+      Blocks  - 0 Displayed Items
     </h1>
      
     <button
@@ -2664,7 +2664,7 @@ exports[`Blocks Card > should render the \`BlocksCard\` component 1`] = `
     <h1
       class="data-card__header-title"
     >
-      Blocks
+      Blocks  - 0 Displayed Items
     </h1>
      
     <button
diff --git a/explorer/src/lib/components/__tests__/__snapshots__/TransactionsCard.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/TransactionsCard.spec.js.snap
index 665616e0a9..61f813efca 100644
--- a/explorer/src/lib/components/__tests__/__snapshots__/TransactionsCard.spec.js.snap
+++ b/explorer/src/lib/components/__tests__/__snapshots__/TransactionsCard.spec.js.snap
@@ -11,7 +11,7 @@ exports[`Transactions Card > should disable the \`Show More\` button if the card
     <h1
       class="data-card__header-title"
     >
-      Transactions
+      Transactions  - 0 Displayed Items
     </h1>
      
     <button
@@ -48,7 +48,7 @@ exports[`Transactions Card > should disable the \`Show More\` button if there is
     <h1
       class="data-card__header-title"
     >
-      Transactions
+      Transactions  - 10 Displayed Items
     </h1>
      
     <button
@@ -3031,7 +3031,7 @@ exports[`Transactions Card > should render the \`TransactionsCard\` component 1`
     <h1
       class="data-card__header-title"
     >
-      Transactions
+      Transactions  - 0 Displayed Items
     </h1>
      
     <button
diff --git a/explorer/src/lib/components/blocks-card/BlocksCard.svelte b/explorer/src/lib/components/blocks-card/BlocksCard.svelte
index c875fe18de..61e9eb8696 100644
--- a/explorer/src/lib/components/blocks-card/BlocksCard.svelte
+++ b/explorer/src/lib/components/blocks-card/BlocksCard.svelte
@@ -47,7 +47,7 @@
   data={blocks}
   {error}
   {loading}
-  title="Blocks"
+  title="Blocks  - {displayedBlocks.length} Displayed Items"
   headerButtonDetails={{
     action: () => loadMoreItems(),
     disabled: isLoadMoreDisabled,
diff --git a/explorer/src/lib/components/transactions-card/TransactionsCard.svelte b/explorer/src/lib/components/transactions-card/TransactionsCard.svelte
index 94d2ec28bc..7497ad686c 100644
--- a/explorer/src/lib/components/transactions-card/TransactionsCard.svelte
+++ b/explorer/src/lib/components/transactions-card/TransactionsCard.svelte
@@ -51,7 +51,7 @@
   data={txns}
   {error}
   {loading}
-  title="Transactions"
+  title="Transactions  - {displayedTxns.length} Displayed Items"
   headerButtonDetails={{
     action: () => loadMoreItems(),
     disabled: isLoadMoreDisabled,
diff --git a/explorer/src/routes/blocks/__tests__/__snapshots__/page.spec.js.snap b/explorer/src/routes/blocks/__tests__/__snapshots__/page.spec.js.snap
index 7b41d4904d..4d7cf457a6 100644
--- a/explorer/src/routes/blocks/__tests__/__snapshots__/page.spec.js.snap
+++ b/explorer/src/routes/blocks/__tests__/__snapshots__/page.spec.js.snap
@@ -15,7 +15,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a
         <h1
           class="data-card__header-title"
         >
-          Blocks
+          Blocks  - 0 Displayed Items
         </h1>
          
         <button
@@ -59,7 +59,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a
         <h1
           class="data-card__header-title"
         >
-          Blocks
+          Blocks  - 15 Displayed Items
         </h1>
          
         <button
diff --git a/explorer/src/routes/transactions/__tests__/__snapshots__/page.spec.js.snap b/explorer/src/routes/transactions/__tests__/__snapshots__/page.spec.js.snap
index e74b58185f..7e2b219178 100644
--- a/explorer/src/routes/transactions/__tests__/__snapshots__/page.spec.js.snap
+++ b/explorer/src/routes/transactions/__tests__/__snapshots__/page.spec.js.snap
@@ -15,7 +15,7 @@ exports[`Transactions page > should render the Transactions page, start polling
         <h1
           class="data-card__header-title"
         >
-          Transactions
+          Transactions  - 0 Displayed Items
         </h1>
          
         <button
@@ -59,7 +59,7 @@ exports[`Transactions page > should render the Transactions page, start polling
         <h1
           class="data-card__header-title"
         >
-          Transactions
+          Transactions  - 15 Displayed Items
         </h1>
          
         <button