Add asset image header on Stake and Earn views (#1831) (#1836)

Author: gemdev111

Features/Stake/Sources/Scenes/EarnScene.swift

@@ -15,6 +15,8 @@ public struct EarnScene: View {
 
     public var body: some View {
         List {
+            ListAssetHeaderView(model: model.assetModel)
+
             switch model.providersState {
             case .noData:
                 Section {
@@ -24,7 +26,7 @@ public struct EarnScene: View {
                 ListItemLoadingView()
                     .id(UUID())
             case .data:
-                Section(model.assetTitle) {
+                Section {
                     ListItemView(
                         title: model.aprModel.title,
                         subtitle: model.aprModel.subtitle

Features/Stake/Sources/Scenes/StakeScene.swift

@@ -17,6 +17,7 @@ public struct StakeScene: View {
 
     public var body: some View {
         List {
+            headerSection
             stakeInfoSection
             if model.showManage {
                 stakeSection
@@ -42,6 +43,10 @@ public struct StakeScene: View {
 // MARK: - UI Components
 
 extension StakeScene {
+    private var headerSection: some View {
+        ListAssetHeaderView(model: model.assetModel)
+    }
+
     private var stakeSection: some View {
         Section(Localized.Common.manage) {
             if model.showStake {
@@ -97,7 +102,7 @@ extension StakeScene {
     }
 
     private var stakeInfoSection: some View {
-        Section(model.assetTitle) {
+        Section {
             ListItemView(
                 title: model.stakeAprModel.title,
                 subtitle: model.stakeAprModel.subtitle,

Features/Stake/Sources/ViewModels/EarnSceneViewModel.swift

@@ -49,7 +49,10 @@ public final class EarnSceneViewModel {
     }
 
     var title: String { Localized.Common.earn }
-    var assetTitle: String { AssetViewModel(asset: asset).title }
+
+    var assetModel: AssetViewModel {
+        AssetViewModel(asset: asset)
+    }
 
     private var apr: Double? {
         providers.first.map(\.apr).flatMap { $0 > 0 ? $0 : nil }

Features/Stake/Sources/ViewModels/StakeSceneViewModel.swift

@@ -59,7 +59,6 @@ public final class StakeSceneViewModel {
 
     var stakeTitle: String { Localized.Transfer.Stake.title }
     var claimRewardsTitle: String { Localized.Transfer.ClaimRewards.title }
-    var assetTitle: String { assetModel.title }
     var delegationsTitle: String { Localized.Stake.delegations }
 
     var stakeAprModel: AprViewModel {
@@ -240,7 +239,7 @@ extension StakeSceneViewModel {
         return formatter
     }()
 
-    private var assetModel: AssetViewModel {
+    var assetModel: AssetViewModel {
         AssetViewModel(asset: asset)
     }
 

Features/WalletConnector/Sources/WalletConnector/Scenes/ConnectionProposalScene.swift

@@ -21,12 +21,7 @@ public struct ConnectionProposalScene: View {
 
     public var body: some View {
         List {
-            Section { } header: {
-                AssetPreviewView(model: model.appPreview, subtitleLayout: .vertical)
-                    .frame(maxWidth: .infinity)
-                    .padding(.bottom, .small)
-            }
-            .cleanListRow()
+            ListAssetHeaderView(model: model.appPreview, subtitleLayout: .vertical)
 
             Section {
                 NavigationLink(value: Scenes.SelectWallet()) {

Features/WalletConnector/Sources/WalletConnector/Scenes/SignMessageScene.swift

@@ -21,12 +21,7 @@ public struct SignMessageScene: View {
 
     public var body: some View {
         List {
-            Section { } header: {
-                AssetPreviewView(model: model.appPreview, subtitleLayout: .vertical)
-                    .frame(maxWidth: .infinity)
-                    .padding(.bottom, .small)
-            }
-            .cleanListRow()
+            ListAssetHeaderView(model: model.appPreview, subtitleLayout: .vertical)
 
             Section {
                 ListItemImageView(

Packages/PrimitivesComponents/Sources/Views/ListAssetHeaderView.swift

@@ -0,0 +1,24 @@
+// Copyright (c). Gem Wallet. All rights reserved.
+
+import SwiftUI
+import Components
+import Style
+
+public struct ListAssetHeaderView<Model: AssetPreviewable>: View {
+    private let model: Model
+    private let subtitleLayout: AssetPreviewView<Model>.SubtitleLayout
+
+    public init(model: Model, subtitleLayout: AssetPreviewView<Model>.SubtitleLayout = .horizontal) {
+        self.model = model
+        self.subtitleLayout = subtitleLayout
+    }
+
+    public var body: some View {
+        Section { } header: {
+            AssetPreviewView(model: model, subtitleLayout: subtitleLayout)
+                .frame(maxWidth: .infinity)
+                .padding(.bottom, .small)
+        }
+        .cleanListRow()
+    }
+}