diff --git a/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.html b/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.html
index a784ae24e..ed42a874f 100644
--- a/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.html
+++ b/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.html
@@ -56,7 +56,11 @@
{{ i }} transactions
+
+
+
+
+
diff --git a/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss b/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss
index 5c2a5ab5a..0ab50c4bd 100644
--- a/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss
+++ b/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss
@@ -25,6 +25,17 @@
font-weight: normal;
}
+.timestamp-info {
+ color: #fff;
+ position: relative;
+ z-index: 11;
+ font-size: 14px;
+ margin-left: 4px;
+ transition: color 0.15s ease-in-out;
+ &:hover {
+ color: var(--info);
+ }
+}
.on-pool {
align-items: center;
diff --git a/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.ts b/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.ts
index 008ab1052..85fd031bc 100644
--- a/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.ts
+++ b/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.ts
@@ -431,4 +431,15 @@ export class BlockchainBlocksComponent implements OnInit, OnChanges, OnDestroy {
}
return 0;
}
-}
+
+ isEarlierThanParent(index: number): boolean {
+ const block = this.blocks[index];
+ const parent = this.blocks[index + 1];
+
+ if (!block || !parent) {
+ return false;
+ }
+
+ return block.timestamp < parent.timestamp;
+ }
+}
\ No newline at end of file