From 5555e5c0b02993ca6aa916be39c2b3fc0b9326be Mon Sep 17 00:00:00 2001
From: hunicus <93150691+hunicus@users.noreply.github.com>
Date: Mon, 7 Apr 2025 15:36:04 +0900
Subject: [PATCH] Switch hammer to pickaxe

---
 .../master-page/master-page.component.html      |  4 ++--
 .../master-page/master-page.component.scss      | 17 ++++++++++++++---
 .../svg-images/svg-images.component.html        |  7 +++++++
 frontend/src/app/shared/shared.module.ts        |  3 +--
 4 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/frontend/src/app/components/master-page/master-page.component.html b/frontend/src/app/components/master-page/master-page.component.html
index 436cf3c67..291f96f1f 100644
--- a/frontend/src/app/components/master-page/master-page.component.html
+++ b/frontend/src/app/components/master-page/master-page.component.html
@@ -86,8 +86,8 @@
           <fa-icon [icon]="['fas', 'rocket']" [fixedWidth]="true" i18n-title="master-page.accelerator-dashboard" title="Accelerator Dashboard"></fa-icon>
         </a>
       </li>
-      <li class="nav-item" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}" id="btn-pools" *ngIf="stateService.env.MINING_DASHBOARD">
-        <a class="nav-link" [routerLink]="['/mining' | relativeUrl]" (click)="collapse()"><fa-icon [icon]="['fas', 'hammer']" [fixedWidth]="true" i18n-title="mining.mining-dashboard" title="Mining Dashboard"></fa-icon></a>
+      <li class="nav-item mining" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}" id="btn-pools" *ngIf="stateService.env.MINING_DASHBOARD">
+        <a class="nav-link" [routerLink]="['/mining' | relativeUrl]" (click)="collapse()"><div class="svg-wrapper"><app-svg-images name="pickaxe"></app-svg-images></div></a>
       </li>
       <li class="nav-item" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}" id="btn-lightning" *ngIf="stateService.networkSupportsLightning()">
         <a class="nav-link" [routerLink]="['/lightning' | relativeUrl]" (click)="collapse()"><fa-icon [icon]="['fas', 'bolt']" [fixedWidth]="true" i18n-title="master-page.lightning" title="Lightning Explorer"></fa-icon>
diff --git a/frontend/src/app/components/master-page/master-page.component.scss b/frontend/src/app/components/master-page/master-page.component.scss
index 8960b0b05..186c980d5 100644
--- a/frontend/src/app/components/master-page/master-page.component.scss
+++ b/frontend/src/app/components/master-page/master-page.component.scss
@@ -26,18 +26,29 @@ li.nav-item {
   margin: auto 10px;
   padding-left: 10px;
   padding-right: 10px;
+  align-content: center;
+  &.mining .svg-wrapper {
+    height: 19.2px;
+    width: auto;
+    margin-bottom: 8px;
+  }
   @media (max-width: 992px) {
-    margin: auto 7px;
+    margin: 0;
     padding-left: 8px;
     padding-right: 8px;
+    &.mining .svg-wrapper {
+      height: 25.6px;
+      width: auto;
+      margin-bottom: 0;
+    }
   }
   @media (max-width: 429px) {
-    margin: auto 5px;
+    margin: 0;
     padding-left: 6px;
     padding-right: 6px;
   }
   @media (max-width: 369px) {
-    margin: auto 3px;
+    margin: 0;
     padding-left: 4px;
     padding-right: 4px;
   }
diff --git a/frontend/src/app/components/svg-images/svg-images.component.html b/frontend/src/app/components/svg-images/svg-images.component.html
index 04b99dea6..fd3c678a6 100644
--- a/frontend/src/app/components/svg-images/svg-images.component.html
+++ b/frontend/src/app/components/svg-images/svg-images.component.html
@@ -1,4 +1,11 @@
 <ng-container [ngSwitch]="name">
+  <ng-container *ngSwitchCase="'pickaxe'">
+    <svg width="auto" height="100%" viewBox="0 0 576 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M37.1282 382.744L311.245 161.525C327.98 173.42 363.361 205.312 375.969 221.993L122.524 474.015C104.992 494.327 78.9977 506 51.6729 506C27.8224 504.502 4 481.637 4 451.15C4 424.768 16.2115 399.671 37.1282 382.744Z" fill="#F1F1F1"/>
+      <path d="M566.794 348.751L559.009 356.859C552.482 363.658 541.256 363.41 535.083 356.313C506.279 323.193 429.363 236.348 369.282 182.93C309.201 129.512 213.164 62.5843 176.579 37.5669C168.739 32.2058 167.597 21.4564 174.123 14.6583L179.642 8.90996C183.5 4.89211 189.298 3.17466 194.843 4.37685C257.802 18.0256 321.563 29.3014 384.889 75.9914C391.607 80.9446 401.248 80.3645 406.991 74.3825C412.928 68.199 422.992 67.7736 429.418 73.4866L471.383 110.798C477.809 116.511 478.205 126.155 472.268 132.339L471.577 133.059C466.086 138.778 465.99 147.549 471.11 153.579C518.429 209.312 539.345 263.753 569.722 332.358C572.176 337.9 571.042 344.326 566.794 348.751Z" fill="#F1F1F1"/>
+    </svg>
+  </ng-container>
+
   <ng-container *ngSwitchCase="'VISA'">
     <svg xmlns="http://www.w3.org/2000/svg" [attr.width]="width" [attr.height]="height" viewBox="0 0 576 512" fill="white" xmlns="http://www.w3.org/2000/svg">
       <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
diff --git a/frontend/src/app/shared/shared.module.ts b/frontend/src/app/shared/shared.module.ts
index c3f8375c8..66b53db90 100644
--- a/frontend/src/app/shared/shared.module.ts
+++ b/frontend/src/app/shared/shared.module.ts
@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { NgbCollapseModule, NgbTypeaheadModule } from '@ng-bootstrap/ng-bootstrap';
 import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';
-import { faFilter, faAngleDown, faAngleUp, faAngleRight, faAngleLeft, faBolt, faChartArea, faCogs, faCubes, faHammer, faDatabase, faExchangeAlt, faInfoCircle,
+import { faFilter, faAngleDown, faAngleUp, faAngleRight, faAngleLeft, faBolt, faChartArea, faCogs, faCubes, faDatabase, faExchangeAlt, faInfoCircle,
   faLink, faList, faSearch, faCaretUp, faCaretDown, faTachometerAlt, faThList, faTint, faClock, faAngleDoubleDown, faSortUp, faAngleDoubleUp, faChevronDown,
   faFileAlt, faRedoAlt, faArrowAltCircleRight, faExternalLinkAlt, faBook, faListUl, faDownload, faQrcode, faArrowRightArrowLeft, faArrowsRotate, faCircleLeft,
   faFastForward, faWallet, faUserClock, faWrench, faUserFriends, faQuestionCircle, faHistory, faSignOutAlt, faKey, faSuitcase, faIdCardAlt, faNetworkWired, faUserCheck,
@@ -401,7 +401,6 @@ export class SharedModule {
     library.addIcons(faClock);
     library.addIcons(faTachometerAlt);
     library.addIcons(faCubes);
-    library.addIcons(faHammer);
     library.addIcons(faCogs);
     library.addIcons(faThList);
     library.addIcons(faList);