From b4e29bb9a4eb60530a75b2675afaf7674d0f199b Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Thu, 30 Jul 2026 20:58:41 +0200
Subject: [PATCH] Consolidate markets pages

---
 apps/client/src/app/pages/api/api-page.html | 22 +++++++--------------
 1 file changed, 7 insertions(+), 15 deletions(-)

diff --git a/apps/client/src/app/pages/api/api-page.html b/apps/client/src/app/pages/api/api-page.html
index b2d9d03ac4..2153fba1e0 100644
--- a/apps/client/src/app/pages/api/api-page.html
+++ b/apps/client/src/app/pages/api/api-page.html
@@ -179,16 +179,12 @@
             <mat-card-content class="pt-3">
               @if (isFetchFailure(marketDataOfMarkets)) {
                 🔴 {{ marketDataOfMarkets.fetchError }}
-              } @else if (marketDataOfMarkets) {
+              } @else {
                 <gf-fear-and-greed-index
                   [fearAndGreedIndex]="
-                    marketDataOfMarkets.fearAndGreedIndex.STOCKS.marketPrice
+                    marketDataOfMarkets?.fearAndGreedIndex?.STOCKS?.marketPrice
                   "
-                />
-              } @else {
-                <ngx-skeleton-loader
-                  animation="pulse"
-                  [theme]="{ height: '2.5rem', width: '100%' }"
+                  [isLoading]="!marketDataOfMarkets"
                 />
               }
             </mat-card-content>
@@ -203,17 +199,13 @@
             <mat-card-content class="pt-3">
               @if (isFetchFailure(marketDataOfMarkets)) {
                 🔴 {{ marketDataOfMarkets.fetchError }}
-              } @else if (marketDataOfMarkets) {
+              } @else {
                 <gf-fear-and-greed-index
                   [fearAndGreedIndex]="
-                    marketDataOfMarkets.fearAndGreedIndex.CRYPTOCURRENCIES
-                      .marketPrice
+                    marketDataOfMarkets?.fearAndGreedIndex?.CRYPTOCURRENCIES
+                      ?.marketPrice
                   "
-                />
-              } @else {
-                <ngx-skeleton-loader
-                  animation="pulse"
-                  [theme]="{ height: '2.5rem', width: '100%' }"
+                  [isLoading]="!marketDataOfMarkets"
                 />
               }
             </mat-card-content>