Merge pull request #1739 from dusk-network/feature-1738

explorer: remove block height from Block Details card header

explorer/src/lib/components/__tests__/__snapshots__/BlockDetails.spec.js.snap

@@ -12,7 +12,7 @@ exports[`Block Details > renders the Block Details component 1`] = `
       <h1
         class="data-card__header-title"
       >
-        Block Details - #495,868
+        Block Details
       </h1>
        
       <button

explorer/src/lib/components/__tests__/__snapshots__/BlocksCard.spec.js.snap

@@ -830,7 +830,9 @@ exports[`Blocks Card > should disable the \`Show More\` button is the card is in
     <!--&lt;Button&gt;-->
   </header>
    
-  <p>
+  <p
+    class="data-card__loading-notice"
+  >
     Loading...
   </p>
   

explorer/src/lib/components/__tests__/__snapshots__/TransactionsCard.spec.js.snap

@@ -28,7 +28,9 @@ exports[`Transactions Card > should disable the \`Show More\` button if the card
     <!--&lt;Button&gt;-->
   </header>
    
-  <p>
+  <p
+    class="data-card__loading-notice"
+  >
     Loading...
   </p>
   

explorer/src/lib/components/block-details/BlockDetails.svelte

@@ -32,17 +32,8 @@
   /** @type {Number} */
   let screenWidth = window.innerWidth;
 
-  /** @type {string}*/
-  let blockHeight = "";
-
   $: classes = makeClassName(["block-details", className]);
 
-  $: {
-    if (data) {
-      blockHeight = `#${formatter(data.header.height)}`;
-    }
-  }
-
   onMount(() => {
     const resizeObserver = new ResizeObserver((entries) => {
       const entry = entries[0];
@@ -62,7 +53,7 @@
   {error}
   {loading}
   className={classes}
-  title="Block Details - {blockHeight}"
+  title="Block Details"
   headerButtonDetails={{
     action: () => history.back(),
     disabled: false,

explorer/src/lib/components/data-card/DataCard.css

@@ -18,5 +18,4 @@
   text-transform: uppercase;
   font-size: 1.125rem;
   line-height: 32.2px;
-  letter-spacing: -1%;
 }