From 45646ff1cb3da3329ded6b61bfdbad3b9a4ec4bc Mon Sep 17 00:00:00 2001
From: Henry Hein <henry@regentmarkets.com>
Date: Mon, 11 Mar 2024 14:47:08 +0800
Subject: [PATCH] fix: icons not showing up in mobile

---
 src/javascript/app/base/header.js   | 36 +++++++++++++++++++----------
 src/sass/_common/wallet_header.scss |  2 +-
 2 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/src/javascript/app/base/header.js b/src/javascript/app/base/header.js
index 84d738fb03f..f2a67dd712c 100644
--- a/src/javascript/app/base/header.js
+++ b/src/javascript/app/base/header.js
@@ -125,12 +125,6 @@ const Header = (() => {
     };
 
     const bindSvg = () => {
-        const cashier   = getElementById('cashier-icon');
-        const arrow     = getElementById('mobile__platform-switcher-icon-arrowright');
-        const back      = getElementById('mobile__menu-content-submenu-icon-back');
-        const open      = getElementById('mobile__menu-content-submenu-icon-open');
-        const profit    = getElementById('mobile__menu-content-submenu-icon-profit');
-        const statement = getElementById('mobile__menu-content-submenu-icon-statement');
 
         applyToAllElements('#add-account-icon', (el) => {
             el.src = Url.urlForStatic(`${header_icon_base_path}ic-add-account.svg`);
@@ -195,16 +189,34 @@ const Header = (() => {
         applyToAllElements('.deriv-com-logo', (el) => {
             el.src = Url.urlForStatic(`${wallet_header_icon_base_path}wallet-deriv-logo.svg`);
         });
+
         applyToAllElements('#mobile__platform-switcher-icon-trade', (el) => {
             el.src = Url.urlForStatic(`${header_icon_base_path}ic-trade.svg`);
         });
 
-        cashier.src    = Url.urlForStatic(`${header_icon_base_path}ic-cashier.svg`);
-        arrow.src      = Url.urlForStatic(`${header_icon_base_path}ic-chevron-right.svg`);
-        back.src       = Url.urlForStatic(`${header_icon_base_path}ic-chevron-left.svg`);
-        open.src       = Url.urlForStatic(`${header_icon_base_path}ic-portfolio.svg`);
-        profit.src     = Url.urlForStatic(`${header_icon_base_path}ic-profit-table.svg`);
-        statement.src  = Url.urlForStatic(`${header_icon_base_path}ic-statement.svg`);
+        applyToAllElements('#cashier-icon', (el) => {
+            el.src = Url.urlForStatic(`${header_icon_base_path}ic-cashier.svg`);
+        });
+
+        applyToAllElements('mobile__platform-switcher-icon-arrowright', (el) => {
+            el.src = Url.urlForStatic(`${header_icon_base_path}ic-chevron-right.svg`);
+        });
+
+        applyToAllElements('#mobile__menu-content-submenu-icon-back', (el) => {
+            el.src = Url.urlForStatic(`${header_icon_base_path}ic-chevron-left.svg`);
+        });
+
+        applyToAllElements('#mobile__menu-content-submenu-icon-open', (el) => {
+            el.src = Url.urlForStatic(`${header_icon_base_path}ic-portfolio.svg`);
+        });
+
+        applyToAllElements('#mobile__menu-content-submenu-icon-profit', (el) => {
+            el.src = Url.urlForStatic(`${header_icon_base_path}ic-profit-table.svg`);
+        });
+
+        applyToAllElements('#mobile__menu-content-submenu-icon-statement', (el) => {
+            el.src = Url.urlForStatic(`${header_icon_base_path}ic-statement.svg`);
+        });
     };
 
     const bindPlatform = () => {
diff --git a/src/sass/_common/wallet_header.scss b/src/sass/_common/wallet_header.scss
index d8cd86b8c33..e8d284f7d49 100644
--- a/src/sass/_common/wallet_header.scss
+++ b/src/sass/_common/wallet_header.scss
@@ -199,7 +199,7 @@
                     }
                 }
                 &-container {
-                    height: calc(100% - 210px);
+                    height: calc(100% - 182px);
                 }
             }
             &-dropdown {