From 3d325edc8a691747e3e8abb22d190e84c4097efd Mon Sep 17 00:00:00 2001
From: natsoni <natsoni@protonmail.com>
Date: Fri, 29 Aug 2025 16:32:50 +0200
Subject: [PATCH] Add FAQ link for block child earlier than parent

---
 .../blockchain-blocks.component.html                |  6 +++++-
 .../blockchain-blocks.component.scss                | 11 +++++++++++
 .../blockchain-blocks.component.ts                  | 13 ++++++++++++-
 3 files changed, 28 insertions(+), 2 deletions(-)

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 @@
               <ng-template #transactionsPlural let-i i18n="shared.transaction-count.plural">{{ i }} transactions</ng-template>
             </div>
             <div [attr.data-cy]="'bitcoin-block-' + offset + '-index-' + i + '-time'" class="time-difference">
-              <app-time kind="since" [time]="block.timestamp" [fastRender]="true" [precision]="1" minUnit="minute"></app-time></div>
+              <app-time kind="since" [time]="block.timestamp" [fastRender]="true" [precision]="1" minUnit="minute"></app-time>
+              <a [routerLink]="['/docs/faq' | relativeUrl ]" class="timestamp-info" fragment="why-block-timestamps-dont-always-increase">
+                <fa-icon *ngIf="!minimal && isEarlierThanParent(i)" [icon]="['fas', 'info-circle']" [fixedWidth]="true"></fa-icon>
+              </a>
+            </div>
           </ng-container>
         </div>
         <div class="animated" *ngIf="block.extras?.pool != undefined && showPools">
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