From 7647d29d56984401b7d55d18b87de005f423c7e4 Mon Sep 17 00:00:00 2001
From: "smx.pusha" <139338836+smxpusha@users.noreply.github.com>
Date: Tue, 18 Aug 2026 11:21:13 +0200
Subject: [PATCH] FIX - show market logo in VaultX detail header

Render the selected market's dedicated CryptoLogo in the compact detail navbar instead of reusing the VaultX application brand. Keep the market symbol and name alongside the correctly sized logo.
---
 frontend/src/views/apps/CryptoApp.contract.test.ts |  3 ++-
 frontend/src/views/apps/CryptoApp.vue              | 13 +++++--------
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/frontend/src/views/apps/CryptoApp.contract.test.ts b/frontend/src/views/apps/CryptoApp.contract.test.ts
index bf26ef3..97064bd 100644
--- a/frontend/src/views/apps/CryptoApp.contract.test.ts
+++ b/frontend/src/views/apps/CryptoApp.contract.test.ts
@@ -113,8 +113,9 @@ describe('VaultX crypto app contracts', () => {
     expect(source).toContain('class="vault-navbar"')
     expect(source).toContain('class="vault-header-logo"')
     expect(source).toContain(
-      'class="vault-header-logo vault-header-logo--detail"',
+      '<CryptoLogo class="vault-detail-logo" :market="detail" />',
     )
+    expect(source).not.toContain('vault-header-logo--detail')
     expect(source).not.toContain('class="coin-detail-logo"')
     expect(source).not.toContain('.vault-header-brand > i')
     expect(source).toContain(':show-back="Boolean(detail)"')
diff --git a/frontend/src/views/apps/CryptoApp.vue b/frontend/src/views/apps/CryptoApp.vue
index 7ee3414..82b5e0b 100644
--- a/frontend/src/views/apps/CryptoApp.vue
+++ b/frontend/src/views/apps/CryptoApp.vue
@@ -430,11 +430,7 @@ onMounted(() => void crypto.load())
           <span>{{ t('name') }}</span>
         </span>
         <span v-else-if="detail" class="vault-detail-title">
-          <img
-            class="vault-header-logo vault-header-logo--detail"
-            :src="cryptoHeaderLogo"
-            alt=""
-          />
+          <CryptoLogo class="vault-detail-logo" :market="detail" />
           <span>
             <b>{{ detail.symbol }}</b>
             <small>{{ detail.name }}</small>
@@ -2001,9 +1997,10 @@ onMounted(() => void crypto.load())
   gap: 8px;
   align-items: center;
 }
-.vault-header-logo--detail {
-  width: 28px;
-  height: 28px;
+.vault-detail-logo {
+  width: 30px;
+  height: 30px;
+  border-radius: 11px;
 }
 .vault-detail-title > span {
   display: grid;