From 3ae97b6afbfaeb9c59fd0f8ca898593fe70846b3 Mon Sep 17 00:00:00 2001
From: hunicus <93150691+hunicus@users.noreply.github.com>
Date: Tue, 31 Jan 2023 01:06:33 -0500
Subject: [PATCH] Add link to faq next to block health metric

---
 frontend/src/app/components/block/block.component.html | 4 ++--
 frontend/src/app/components/block/block.component.scss | 6 +++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/components/block/block.component.html b/frontend/src/app/components/block/block.component.html
index 828493736..c3b58c4ee 100644
--- a/frontend/src/app/components/block/block.component.html
+++ b/frontend/src/app/components/block/block.component.html
@@ -53,7 +53,7 @@
                 <td [innerHTML]="'&lrm;' + (block.weight | wuBytes: 2)"></td>
               </tr>
               <tr *ngIf="auditAvailable">
-                <td i18n="latest-blocks.health">Health</td>
+                <td i18n="latest-blocks.health">Health <a class="info-link" [routerLink]="['/docs/faq' | relativeUrl ]" fragment="what-is-block-health"><fa-icon [icon]="['fas', 'info-circle']" [fixedWidth]="true"></fa-icon></a></td>
                 <td>
                   <span
                     class="health-badge badge"
@@ -231,7 +231,7 @@
       </div>
     </div>
   </div>
-  
+
   <ng-template [ngIf]="!isLoadingBlock && !error">
     <div [hidden]="!showDetails" id="details">
       <br>
diff --git a/frontend/src/app/components/block/block.component.scss b/frontend/src/app/components/block/block.component.scss
index 97b5a24f3..e5ac03727 100644
--- a/frontend/src/app/components/block/block.component.scss
+++ b/frontend/src/app/components/block/block.component.scss
@@ -34,6 +34,10 @@
         text-align: left;
       }
     }
+    .info-link {
+      color: rgba(255, 255, 255, 0.4);
+      margin-left: 5px;
+    }
   }
 }
 
@@ -227,4 +231,4 @@ h1 {
   .ng-fa-icon {
     margin-right: 1em;
   }
-}
\ No newline at end of file
+}