From 5981df2ad73ad88a849eee0778bd25fcd5990f4b Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Mon, 13 Oct 2025 13:20:42 +0700
Subject: [PATCH 1/2] Stale UX suggestions

---
 .../src/app/components/stale-list/stale-list.component.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/components/stale-list/stale-list.component.html b/frontend/src/app/components/stale-list/stale-list.component.html
index a1f1ff943..ed1c03358 100644
--- a/frontend/src/app/components/stale-list/stale-list.component.html
+++ b/frontend/src/app/components/stale-list/stale-list.component.html
@@ -8,7 +8,7 @@
     <ng-container *ngIf="chainTips$ | async as chainTips">
       <div *ngFor="let chainTip of chainTips" class="chain-tip">
         <p class="info">
-          <span class="height">{{ chainTip.height }}</span>
+          <span class="height"><a [routerLink]="['/block', chainTip.height]">{{ chainTip.height }}</a></span>
           <span class="badges">
             <span class="type" [ngSwitch]="chainTip.status">
               <span *ngSwitchCase="'headers-only'" class="badge badge-info" i18n="chain-tips.headers-only">Headers Only</span>
@@ -23,7 +23,7 @@
         <div class="stale-tip-wrapper">
           <div class="block-comparison">
             <div class="block-column stale">
-              <div class="block-label" i18n="chain-tips.stale-block">Stale Block</div>
+              <div class="block-label" i18n="chain-tips.stale-block"><span class="badge badge-secondary">Stale</span></div>
               <div class="block-wrapper">
                 <div class="bitcoin-block mined-block stale-block" [style.background]="getBlockGradient(chainTip.stale)" [routerLink]="['/block/' + chainTip.stale.id]"></div>
                 <div class="block-body">
@@ -70,7 +70,7 @@
             <div class="vs-label">vs</div>
 
             <div class="block-column canonical">
-              <div class="block-label" i18n="chain-tips.winning-block">Winning Block</div>
+              <div class="block-label" i18n="chain-tips.winning-block"><span class="badge badge-success">Winning</span></div>
               <div class="bitcoin-block mined-block canonical-block" [style.background]="getBlockGradient(chainTip.canonical)" [routerLink]="['/block/' + chainTip.canonical.id]">
                 <div class="block-body">
                   <div *ngIf="chainTip.canonical?.extras; else emptyCanonicalBlockFees" class="fees">

From 3185a954e82680af13c3b1038c329ca62e23821e Mon Sep 17 00:00:00 2001
From: Mononaut <github@monospace.live>
Date: Mon, 13 Oct 2025 08:11:13 +0000
Subject: [PATCH 2/2] stale tip link to hash not height

---
 .../src/app/components/stale-list/stale-list.component.html     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/app/components/stale-list/stale-list.component.html b/frontend/src/app/components/stale-list/stale-list.component.html
index ed1c03358..8d3f5a793 100644
--- a/frontend/src/app/components/stale-list/stale-list.component.html
+++ b/frontend/src/app/components/stale-list/stale-list.component.html
@@ -8,7 +8,7 @@
     <ng-container *ngIf="chainTips$ | async as chainTips">
       <div *ngFor="let chainTip of chainTips" class="chain-tip">
         <p class="info">
-          <span class="height"><a [routerLink]="['/block', chainTip.height]">{{ chainTip.height }}</a></span>
+          <span class="height"><a [routerLink]="['/block', chainTip.canonical?.id || chainTip.height]">{{ chainTip.height }}</a></span>
           <span class="badges">
             <span class="type" [ngSwitch]="chainTip.status">
               <span *ngSwitchCase="'headers-only'" class="badge badge-info" i18n="chain-tips.headers-only">Headers Only</span>