Refactor BlockchainSettings module to SwiftUI

UnstoppableWallet/UnstoppableWallet/Extensions/Blockchain.swift

@@ -1,7 +1,6 @@
 import MarketKit
 
 extension Blockchain {
-
     var shortName: String {
         switch type {
         case .binanceSmartChain: return "BSC"
@@ -17,5 +16,10 @@ extension Blockchain {
 
         return explorerUrl.replacingOccurrences(of: "$ref", with: reference)
     }
+}
 
+extension Blockchain: Identifiable {
+    public var id: String {
+        uid
+    }
 }

UnstoppableWallet/UnstoppableWallet/Modules/BtcBlockchainSettings/BtcBlockchainSettingsViewModel.swift

@@ -1,4 +1,4 @@
-import SwiftUI
+import Combine
 
 class BtcBlockchainSettingsViewModel: ObservableObject {
     private let service: BtcBlockchainSettingsService

UnstoppableWallet/UnstoppableWallet/Modules/Settings/BlockchainSettings/BlockchainSettingsModule.swift

@@ -1,15 +1,12 @@
-import UIKit
+import SwiftUI
 
 struct BlockchainSettingsModule {
-
-    static func viewController() -> UIViewController {
-        let service = BlockchainSettingsService(
-                btcBlockchainManager: App.shared.btcBlockchainManager,
-                evmBlockchainManager: App.shared.evmBlockchainManager,
-                evmSyncSourceManager: App.shared.evmSyncSourceManager
+    static func view() -> some View {
+        let viewModel = BlockchainSettingsViewModel(
+            btcBlockchainManager: App.shared.btcBlockchainManager,
+            evmBlockchainManager: App.shared.evmBlockchainManager,
+            evmSyncSourceManager: App.shared.evmSyncSourceManager
         )
-        let viewModel = BlockchainSettingsViewModel(service: service)
-        return BlockchainSettingsViewController(viewModel: viewModel)
+        return BlockchainSettingsView(viewModel: viewModel)
     }
-
 }

UnstoppableWallet/UnstoppableWallet/Modules/Settings/BlockchainSettings/BlockchainSettingsView.swift

@@ -0,0 +1,69 @@
+import MarketKit
+import SDWebImageSwiftUI
+import SwiftUI
+
+struct BlockchainSettingsView: View {
+    @ObservedObject var viewModel: BlockchainSettingsViewModel
+
+    @State private var btcSheetBlockchain: Blockchain?
+    @State private var evmSheetBlockchain: Blockchain?
+
+    var body: some View {
+        ScrollableThemeView {
+            VStack(spacing: .margin32) {
+                ListSection {
+                    ForEach(viewModel.btcItems, id: \.blockchain.uid) { item in
+                        ClickableRow(action: {
+                            btcSheetBlockchain = item.blockchain
+                        }) {
+                            ItemView(
+                                blockchain: item.blockchain,
+                                value: item.restoreMode.title
+                            )
+                        }
+                    }
+                    .sheet(item: $btcSheetBlockchain) { blockchain in
+                        ThemeNavigationView { BtcBlockchainSettingsModule.view(blockchain: blockchain) }
+                    }
+                }
+
+                ListSection {
+                    ForEach(viewModel.evmItems, id: \.blockchain.uid) { item in
+                        ClickableRow(action: {
+                            evmSheetBlockchain = item.blockchain
+                        }) {
+                            ItemView(
+                                blockchain: item.blockchain,
+                                value: item.syncSource.name
+                            )
+                        }
+                    }
+                    .sheet(item: $evmSheetBlockchain) { _ in
+                        Text("TODO")
+                    }
+                }
+            }
+            .padding(EdgeInsets(top: .margin12, leading: .margin16, bottom: .margin32, trailing: .margin16))
+        }
+        .navigationTitle("blockchain_settings.title".localized)
+    }
+
+    struct ItemView: View {
+        let blockchain: Blockchain
+        let value: String
+
+        var body: some View {
+            WebImage(url: URL(string: blockchain.type.imageUrl))
+                .resizable()
+                .scaledToFit()
+                .frame(width: .iconSize32, height: .iconSize32)
+
+            VStack(spacing: 1) {
+                Text(blockchain.name).themeBody()
+                Text(value).themeSubhead2()
+            }
+
+            Image.disclosureIcon
+        }
+    }
+}