From 84f62f8025576310e86bafbf83533018ef5d0bca Mon Sep 17 00:00:00 2001
From: Mononaut <github@monospace.live>
Date: Sat, 13 Apr 2024 14:18:01 +0000
Subject: [PATCH] Add Bitcoin logo to tracker page

---
 .../src/app/components/tracker/tracker.component.html |  7 +++++++
 .../src/app/components/tracker/tracker.component.scss | 11 +++++++++++
 2 files changed, 18 insertions(+)

diff --git a/frontend/src/app/components/tracker/tracker.component.html b/frontend/src/app/components/tracker/tracker.component.html
index d83b7fd84..faee26592 100644
--- a/frontend/src/app/components/tracker/tracker.component.html
+++ b/frontend/src/app/components/tracker/tracker.component.html
@@ -3,6 +3,13 @@
     <div class="panel">
       <div class="field nav-header">
           <app-svg-images name="officialMempoolSpace" style="width: 144px; height: 36px" width="500" height="126" viewBox="0 0 500 126"></app-svg-images>
+          <div [ngSwitch]="network" class="network-label">
+            <span *ngSwitchCase="'signet'" class="network signet"><span class="name">Bitcoin Signet</span><app-svg-images name="signet" width="35" height="35" viewBox="0 0 65 65" style="display: inline-block" class="mainnet ml-2"></app-svg-images></span>
+            <span *ngSwitchCase="'testnet'" class="network testnet"><span class="name">Bitcoin Testnet</span><app-svg-images name="testnet" width="35" height="35" viewBox="0 0 65 65" style="display: inline-block" class="mainnet ml-2"></app-svg-images></span>
+            <span *ngSwitchCase="'liquid'" class="network liquid"><span class="name">Liquid</span><app-svg-images name="liquid" width="35" height="35" viewBox="0 0 125 125" style="display: inline-block" class="mainnet ml-2"></app-svg-images></span>
+            <span *ngSwitchCase="'liquidtestnet'" class="network liquidtestnet"><span class="name">Liquid Testnet</span><app-svg-images name="liquidtestnet" width="35" height="35" viewBox="0 0 125 125" style="display: inline-block" class="mainnet ml-2"></app-svg-images></span>
+            <span *ngSwitchDefault class="network mainnet"><span class="name">Bitcoin</span><app-svg-images name="bitcoin" width="35" height="35" viewBox="0 0 65 65" style="display: inline-block" class="mainnet ml-2"></app-svg-images></span>
+          </div>
       </div>
       <div class="field">
         <div class="label" i18n="shared.transaction">Transaction</div>
diff --git a/frontend/src/app/components/tracker/tracker.component.scss b/frontend/src/app/components/tracker/tracker.component.scss
index 2abda231f..6d80c7521 100644
--- a/frontend/src/app/components/tracker/tracker.component.scss
+++ b/frontend/src/app/components/tracker/tracker.component.scss
@@ -43,6 +43,17 @@
   position: relative;
   box-shadow: 0 -5px 15px #000;
   z-index: 100;
+  align-items: center;
+  justify-content: space-between;
+
+  .network-label {
+    font-size: 1.4em;
+    .network {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    }
+  }
 }
 
 .blockchain-wrapper {