From f1b5e16ad3a1f18123a6d838c1074bd03e0b8e28 Mon Sep 17 00:00:00 2001
From: nymkappa <1612910616@pm.me>
Date: Sat, 18 Mar 2023 17:01:31 +0900
Subject: [PATCH] Show warning on testnet/signet

---
 .../master-page/master-page.component.html        | 15 +++++++++++++++
 .../master-page/master-page.component.scss        | 15 +++++++++++++++
 .../master-page/master-page.component.ts          |  6 ++++++
 frontend/src/app/shared/shared.module.ts          |  3 ++-
 4 files changed, 38 insertions(+), 1 deletion(-)

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 13935c04a..6f4e30d60 100644
--- a/frontend/src/app/components/master-page/master-page.component.html
+++ b/frontend/src/app/components/master-page/master-page.component.html
@@ -62,6 +62,21 @@
 </nav>
 </header>
 
+<div *ngIf="network.val === 'testnet' || network.val === 'signet' || network.val === 'liquidtestnet'">
+  <div class="container p-lg-0 pb-0" style="max-width: 100%; margin-top: 7px" *ngIf="storageService.getValue('hideWarning') !== 'hidden'">
+    <div class="alert alert-danger mb-0 text-center">
+      <div class="d-flex justify-content-center align-items-center">
+        <fa-icon class="between-arrow mr-1" [icon]="['fas', 'exclamation-triangle']" [fixedWidth]="true"></fa-icon>
+        <span i18n="warning-testnet">This is a test network. Coins have no value</span>
+        <fa-icon class="between-arrow ml-1" [icon]="['fas', 'exclamation-triangle']" [fixedWidth]="true"></fa-icon>
+      </div>
+      <button type="button" class="close" (click)="dismissWarning()">
+        <span aria-hidden="true">&times;</span>
+      </button>
+    </div>
+  </div>
+</div>
+
 <br />
 
 <router-outlet></router-outlet>
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 95f05245e..0f4fb840d 100644
--- a/frontend/src/app/components/master-page/master-page.component.scss
+++ b/frontend/src/app/components/master-page/master-page.component.scss
@@ -192,4 +192,19 @@ nav {
     margin: 33px 0px 0px -19px;
     font-size: 7px;
   }
+}
+
+.close {
+  position: absolute;
+  color: black;
+  right: 10px;
+  top: 17px;
+  @media (max-width: 620px) {
+    right: 10px;
+    top: 0px;
+  };
+  @media (min-width: 992px) {
+    right: 10px;
+    top: 13px;
+  };
 }
\ No newline at end of file
diff --git a/frontend/src/app/components/master-page/master-page.component.ts b/frontend/src/app/components/master-page/master-page.component.ts
index 34c525108..1fd040f47 100644
--- a/frontend/src/app/components/master-page/master-page.component.ts
+++ b/frontend/src/app/components/master-page/master-page.component.ts
@@ -4,6 +4,7 @@ import { Observable, merge, of } from 'rxjs';
 import { LanguageService } from '../../services/language.service';
 import { EnterpriseService } from '../../services/enterprise.service';
 import { NavigationService } from '../../services/navigation.service';
+import { StorageService } from '../../services/storage.service';
 
 @Component({
   selector: 'app-master-page',
@@ -26,6 +27,7 @@ export class MasterPageComponent implements OnInit {
     private languageService: LanguageService,
     private enterpriseService: EnterpriseService,
     private navigationService: NavigationService,
+    public storageService: StorageService
   ) { }
 
   ngOnInit() {
@@ -46,4 +48,8 @@ export class MasterPageComponent implements OnInit {
   onResize(event: any) {
     this.isMobile = window.innerWidth <= 767.98;
   }
+
+  dismissWarning() {
+    this.storageService.setValue('hideWarning', 'hidden');
+  }
 }
diff --git a/frontend/src/app/shared/shared.module.ts b/frontend/src/app/shared/shared.module.ts
index 188942c02..8aa2fb173 100644
--- a/frontend/src/app/shared/shared.module.ts
+++ b/frontend/src/app/shared/shared.module.ts
@@ -4,7 +4,7 @@ import { NgbCollapseModule, NgbTypeaheadModule } from '@ng-bootstrap/ng-bootstra
 import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';
 import { faFilter, faAngleDown, faAngleUp, faAngleRight, faAngleLeft, faBolt, faChartArea, faCogs, faCubes, faHammer, faDatabase, faExchangeAlt, faInfoCircle,
   faLink, faList, faSearch, faCaretUp, faCaretDown, faTachometerAlt, faThList, faTint, faTv, faAngleDoubleDown, faSortUp, faAngleDoubleUp, faChevronDown,
-  faFileAlt, faRedoAlt, faArrowAltCircleRight, faExternalLinkAlt, faBook, faListUl, faDownload, faQrcode, faArrowRightArrowLeft, faArrowsRotate, faCircleLeft } from '@fortawesome/free-solid-svg-icons';
+  faFileAlt, faRedoAlt, faArrowAltCircleRight, faExternalLinkAlt, faBook, faListUl, faDownload, faQrcode, faArrowRightArrowLeft, faArrowsRotate, faCircleLeft, faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
 import { InfiniteScrollModule } from 'ngx-infinite-scroll';
 import { MasterPageComponent } from '../components/master-page/master-page.component';
 import { PreviewTitleComponent } from '../components/master-page-preview/preview-title.component';
@@ -309,5 +309,6 @@ export class SharedModule {
     library.addIcons(faQrcode);
     library.addIcons(faArrowRightArrowLeft);
     library.addIcons(faExchangeAlt);
+    library.addIcons(faExclamationTriangle);
   }
 }