From 311ba75735eb9fc4bba466ab9999c55a53089add Mon Sep 17 00:00:00 2001
From: Norton Andreev <norton@nortonandreev.com>
Date: Fri, 5 Jul 2024 13:49:25 +0300
Subject: [PATCH] explorer: Update DataCard's header

Resolves #1937
---
 .../__tests__/__snapshots__/BlocksCard.spec.js.snap         | 6 +++---
 .../__tests__/__snapshots__/TransactionsCard.spec.js.snap   | 6 +++---
 explorer/src/lib/components/blocks-card/BlocksCard.svelte   | 2 +-
 explorer/src/lib/components/data-card/DataCard.css          | 3 +--
 .../components/transactions-card/TransactionsCard.svelte    | 2 +-
 .../routes/blocks/__tests__/__snapshots__/page.spec.js.snap | 4 ++--
 .../transactions/__tests__/__snapshots__/page.spec.js.snap  | 4 ++--
 7 files changed, 13 insertions(+), 14 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 a24531e3f0..2a6289e175 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  - 10 Displayed Items
+      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  - 0 Displayed Items
+      Blocks — 0 Displayed Items
     </h1>
      
     <button
@@ -2667,7 +2667,7 @@ exports[`Blocks Card > should render the \`BlocksCard\` component 1`] = `
     <h1
       class="data-card__header-title"
     >
-      Blocks  - 0 Displayed Items
+      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 e3b9268b10..dad5665397 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  - 0 Displayed Items
+      Transactions — 0 Displayed Items
     </h1>
      
     <button
@@ -51,7 +51,7 @@ exports[`Transactions Card > should disable the \`Show More\` button if there is
     <h1
       class="data-card__header-title"
     >
-      Transactions  - 10 Displayed Items
+      Transactions — 10 Displayed Items
     </h1>
      
     <button
@@ -3034,7 +3034,7 @@ exports[`Transactions Card > should render the \`TransactionsCard\` component 1`
     <h1
       class="data-card__header-title"
     >
-      Transactions  - 0 Displayed Items
+      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 61e9eb8696..c240313bae 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  - {displayedBlocks.length} Displayed Items"
+  title="Blocks — {displayedBlocks.length} Displayed Items"
   headerButtonDetails={{
     action: () => loadMoreItems(),
     disabled: isLoadMoreDisabled,
diff --git a/explorer/src/lib/components/data-card/DataCard.css b/explorer/src/lib/components/data-card/DataCard.css
index 73cd41a298..59f77cf1fb 100644
--- a/explorer/src/lib/components/data-card/DataCard.css
+++ b/explorer/src/lib/components/data-card/DataCard.css
@@ -16,8 +16,7 @@
 }
 
 .data-card__header-title {
-  font-weight: 400;
-  text-transform: uppercase;
+  font-weight: 500;
   font-size: 1.125rem;
   line-height: 32.2px;
 }
diff --git a/explorer/src/lib/components/transactions-card/TransactionsCard.svelte b/explorer/src/lib/components/transactions-card/TransactionsCard.svelte
index c7997e0b3c..3fb3798f5d 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  - {displayedTxns.length} Displayed Items"
+  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 24103b95ce..44eefbd171 100644
--- a/explorer/src/routes/blocks/__tests__/__snapshots__/page.spec.js.snap
+++ b/explorer/src/routes/blocks/__tests__/__snapshots__/page.spec.js.snap
@@ -14,7 +14,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a
       <h1
         class="data-card__header-title"
       >
-        Blocks  - 0 Displayed Items
+        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  - 15 Displayed Items
+        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 583bef4c76..592cd97276 100644
--- a/explorer/src/routes/transactions/__tests__/__snapshots__/page.spec.js.snap
+++ b/explorer/src/routes/transactions/__tests__/__snapshots__/page.spec.js.snap
@@ -14,7 +14,7 @@ exports[`Transactions page > should render the Transactions page, start polling
       <h1
         class="data-card__header-title"
       >
-        Transactions  - 0 Displayed Items
+        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  - 15 Displayed Items
+        Transactions — 15 Displayed Items
       </h1>
        
       <button