From 1e37ae307b6a4414a6920239f2b7028e8797bdc5 Mon Sep 17 00:00:00 2001
From: Andrey Fedorov <m3g0byt3@gmail.com>
Date: Sat, 2 Nov 2024 17:24:35 +0300
Subject: [PATCH] IOS-8419: Fix layout issues when exchanges list is used w/o
 bottom sheet (#4152)

Signed-off-by: Andrey Fedorov <afedorov@tangem.com>
---
 .../MarketsTokenDetailsExchangesListView.swift | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/Tangem/Modules/Markets/MarketsTokenDetails/Subviews/ExchangesList/MarketsTokenDetailsExchangesListView.swift b/Tangem/Modules/Markets/MarketsTokenDetails/Subviews/ExchangesList/MarketsTokenDetailsExchangesListView.swift
index b2bf57977f..7572fcd31c 100644
--- a/Tangem/Modules/Markets/MarketsTokenDetails/Subviews/ExchangesList/MarketsTokenDetailsExchangesListView.swift
+++ b/Tangem/Modules/Markets/MarketsTokenDetails/Subviews/ExchangesList/MarketsTokenDetailsExchangesListView.swift
@@ -15,6 +15,7 @@ struct MarketsTokenDetailsExchangesListView: View {
 
     @State private var isListContentObscured = false
     @State private var headerHeight: CGFloat = .zero
+    @State private var safeArea: EdgeInsets = .init()
 
     private var isDarkColorScheme: Bool { colorScheme == .dark }
     private var defaultBackgroundColor: Color { Colors.Background.primary }
@@ -37,6 +38,7 @@ struct MarketsTokenDetailsExchangesListView: View {
             .background(defaultBackgroundColor.ignoresSafeArea())
             .animation(.default, value: viewModel.exchangesList)
             .ignoresSafeArea(.container, edges: .top) // Without it, the content won't go into the safe area top zone on over-scroll
+            .readGeometry(\.safeAreaInsets, bindTo: $safeArea)
     }
 
     @ViewBuilder
@@ -46,11 +48,17 @@ struct MarketsTokenDetailsExchangesListView: View {
                 .opacity(viewModel.overlayContentHidingProgress)
 
             VStack(spacing: 0) {
-                MarketsNavigationBar(
-                    isMarketsSheetStyle: viewModel.isMarketsSheetStyle,
-                    title: navigationBarTitle,
-                    onBackButtonAction: viewModel.onBackButtonAction
-                )
+                if viewModel.isMarketsSheetStyle {
+                    MarketsNavigationBar(
+                        isMarketsSheetStyle: viewModel.isMarketsSheetStyle,
+                        title: navigationBarTitle,
+                        onBackButtonAction: viewModel.onBackButtonAction
+                    )
+                } else {
+                    // Native navigation bar is used, so we install an invisible spacer to align the header below the navigation bar
+                    Color.clear
+                        .frame(height: safeArea.top)
+                }
 
                 header
                     .opacity(viewModel.overlayContentHidingProgress)