From d4749cfc826b965e3126349fb1be0f9736500719 Mon Sep 17 00:00:00 2001
From: natsoni <natsoni@protonmail.com>
Date: Sun, 24 Mar 2024 15:41:18 +0900
Subject: [PATCH] Hide featured assets on liquid testnet

---
 .../assets/assets-featured/assets-featured.component.html   | 4 +++-
 .../assets/assets-featured/assets-featured.component.scss   | 6 ++++++
 .../assets/assets-featured/assets-featured.component.ts     | 4 +++-
 frontend/src/app/services/api.service.ts                    | 5 +++--
 4 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/components/assets/assets-featured/assets-featured.component.html b/frontend/src/app/components/assets/assets-featured/assets-featured.component.html
index 7893fda2c..52573c437 100644
--- a/frontend/src/app/components/assets/assets-featured/assets-featured.component.html
+++ b/frontend/src/app/components/assets/assets-featured/assets-featured.component.html
@@ -1,5 +1,7 @@
 <div *ngIf="featuredAssets$ | async as featured; else loading" class="featuredBox">
-
+  <div *ngIf="featured.length === 0" class="text-center">
+    <div i18n="liquid.no-featured.assets" class="symbol">No featured assets</div>
+  </div>
   <div class="card" *ngFor="let group of featured">
     <ng-template [ngIf]="group.assets" [ngIfElse]="singleAsset">
       <a [routerLink]="['/assets/group' | relativeUrl, group.id]">
diff --git a/frontend/src/app/components/assets/assets-featured/assets-featured.component.scss b/frontend/src/app/components/assets/assets-featured/assets-featured.component.scss
index 0ff049d16..32c560af4 100644
--- a/frontend/src/app/components/assets/assets-featured/assets-featured.component.scss
+++ b/frontend/src/app/components/assets/assets-featured/assets-featured.component.scss
@@ -47,3 +47,9 @@
 .ticker {
   color: grey;
 }
+
+.symbol {
+  color: grey;
+  font-size: 1.5rem;
+  font-style: italic;
+}
\ No newline at end of file
diff --git a/frontend/src/app/components/assets/assets-featured/assets-featured.component.ts b/frontend/src/app/components/assets/assets-featured/assets-featured.component.ts
index d80cb6636..a9bf305f6 100644
--- a/frontend/src/app/components/assets/assets-featured/assets-featured.component.ts
+++ b/frontend/src/app/components/assets/assets-featured/assets-featured.component.ts
@@ -1,6 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
 import { ApiService } from '../../../services/api.service';
+import { StateService } from '../../../services/state.service';
 
 @Component({
   selector: 'app-assets-featured',
@@ -12,10 +13,11 @@ export class AssetsFeaturedComponent implements OnInit {
 
   constructor(
     private apiService: ApiService,
+    private stateService: StateService,
   ) { }
 
   ngOnInit(): void {
-    this.featuredAssets$ = this.apiService.listFeaturedAssets$();
+    this.featuredAssets$ = this.apiService.listFeaturedAssets$(this.stateService.network);
   }
 
 }
diff --git a/frontend/src/app/services/api.service.ts b/frontend/src/app/services/api.service.ts
index 2d5ec03d4..cd4e71385 100644
--- a/frontend/src/app/services/api.service.ts
+++ b/frontend/src/app/services/api.service.ts
@@ -228,8 +228,9 @@ export class ApiService {
     return this.httpClient.get<any>(this.apiBaseUrl + this.apiBasePath + '/api/v1/liquid/reserves/utxos/emergency-spent/stats');
   }
 
-  listFeaturedAssets$(): Observable<any[]> {
-    return this.httpClient.get<any[]>(this.apiBaseUrl + '/api/v1/assets/featured');
+  listFeaturedAssets$(network: string = 'liquid'): Observable<any[]> {
+    if (network === 'liquid') return this.httpClient.get<any[]>(this.apiBaseUrl + '/api/v1/assets/featured');
+    return of([]);
   }
 
   getAssetGroup$(id: string): Observable<any> {