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