Refactor ExperimentalFeatures module to SwiftUI

UnstoppableWallet/UnstoppableWallet/Modules/Settings/ExperimentalFeatures/ExperimentalFeaturesModule.swift

@@ -1,9 +1,15 @@
+import SwiftUI
 import UIKit
 
 struct ExperimentalFeaturesModule {
 
     static func viewController() -> UIViewController {
-        ExperimentalFeaturesViewController()
+        let view = ExperimentalFeaturesView()
+
+        let viewController = UIHostingController(rootView: view)
+        viewController.title = "settings.experimental_features.title".localized
+
+        return viewController
     }
 
 }

UnstoppableWallet/UnstoppableWallet/Modules/Settings/ExperimentalFeatures/ExperimentalFeaturesView.swift

@@ -0,0 +1,24 @@
+import SwiftUI
+
+struct ExperimentalFeaturesView: View {
+
+    var body: some View {
+        ScrollableThemeView {
+            VStack(spacing: .margin24) {
+                HighlightedTextView(text: "settings.experimental_features.description".localized)
+
+                ListSection {
+                    NavigationRow(destination: {
+                        SimpleActivateModule.bitcoinHodlingView()
+                    }) {
+                        Text("settings.experimental_features.bitcoin_hodling".localized).themeBody()
+                        Image.disclosureIcon
+                    }
+                }
+            }
+                    .padding(EdgeInsets(top: .margin12, leading: .margin16, bottom: .margin32, trailing: .margin16))
+        }
+                .navigationBarTitle("settings.experimental_features.title".localized)
+    }
+
+}

UnstoppableWallet/UnstoppableWallet/Modules/Settings/SimpleActivate/SimpleActivateModule.swift

@@ -1,21 +1,16 @@
 import SwiftUI
-import UIKit
 
 struct SimpleActivateModule {
 
-    static var bitcoinHodlingViewController: UIViewController {
+    static func bitcoinHodlingView() -> some View {
         let viewModel = SimpleActivateViewModel(localStorage: App.shared.localStorage)
 
-        let view = SimpleActivateView(
+        return SimpleActivateView(
                 viewModel: viewModel,
+                title: "settings.bitcoin_hodling.title".localized,
                 toggleText: "settings.bitcoin_hodling.lock_time".localized,
                 description: "settings.bitcoin_hodling.description".localized(AppConfig.appName, AppConfig.appName)
         )
-
-        let viewController = UIHostingController(rootView: view)
-        viewController.title = "settings.bitcoin_hodling.title".localized
-
-        return viewController
     }
 
 }

UnstoppableWallet/UnstoppableWallet/Modules/Settings/SimpleActivate/SimpleActivateView.swift

@@ -3,6 +3,7 @@ import SwiftUI
 struct SimpleActivateView: View {
     @ObservedObject var viewModel: SimpleActivateViewModel
 
+    let title: String
     let toggleText: String
     let description: String
 
@@ -19,6 +20,7 @@ struct SimpleActivateView: View {
             }
                     .padding(EdgeInsets(top: .margin12, leading: .margin16, bottom: .margin32, trailing: .margin16))
         }
+                .navigationBarTitle(title)
     }
 
 }

UnstoppableWallet/UnstoppableWallet/UserInterface/SwiftUI/Extensions/Image.swift

@@ -0,0 +1,15 @@
+import SwiftUI
+
+extension Image {
+
+    func themeIcon(color: Color = .themeGray) -> some View {
+        renderingMode(.template)
+                .foregroundColor(color)
+    }
+
+    static var disclosureIcon: some View {
+        Image("arrow_big_forward_20")
+                .themeIcon()
+    }
+
+}

UnstoppableWallet/UnstoppableWallet/UserInterface/SwiftUI/HighlightedTextView.swift

@@ -0,0 +1,40 @@
+import SwiftUI
+
+struct HighlightedTextView: View {
+    private let text: String
+    private let style: Style
+
+    init(text: String, style: Style = .warning) {
+        self.text = text
+        self.style = style
+    }
+
+    var body: some View {
+        Text(text)
+                .padding(EdgeInsets(top: .margin12, leading: .margin16, bottom: .margin12, trailing: .margin16))
+                .frame(maxWidth: .infinity, alignment: .leading)
+                .foregroundColor(.themeBran)
+                .font(.themeSubhead2)
+                .background(RoundedRectangle(cornerRadius: .cornerRadius12, style: .continuous).fill(style.color.opacity(0.2)))
+                .overlay(
+                        RoundedRectangle(cornerRadius: .cornerRadius12, style: .continuous).stroke(style.color, lineWidth: .heightOneDp)
+                )
+    }
+
+}
+
+extension HighlightedTextView {
+
+    enum Style {
+        case warning
+        case alert
+
+        var color: Color {
+            switch self {
+            case .warning: return .themeYellow
+            case .alert: return .themeLucian
+            }
+        }
+    }
+
+}

UnstoppableWallet/UnstoppableWallet/UserInterface/SwiftUI/ListRow.swift

@@ -8,5 +8,6 @@ struct ListRow<Content: View>: View {
             content
         }
                 .padding(EdgeInsets(top: .margin12, leading: .margin16, bottom: .margin12, trailing: .margin16))
+                .frame(minHeight: .heightCell48)
     }
 }

UnstoppableWallet/UnstoppableWallet/UserInterface/SwiftUI/NavigationRow.swift

@@ -0,0 +1,15 @@
+import SwiftUI
+
+struct NavigationRow<Content: View, Destination: View>: View {
+    @ViewBuilder let destination: () -> Destination
+    @ViewBuilder let content: Content
+
+    var body: some View {
+        NavigationLink(destination: destination) {
+            ListRow {
+                content
+            }
+        }
+                .buttonStyle(RowButton())
+    }
+}

UnstoppableWallet/UnstoppableWallet/UserInterface/SwiftUI/RowButton.swift

@@ -0,0 +1,10 @@
+import SwiftUI
+
+struct RowButton: ButtonStyle {
+
+    func makeBody(configuration: Self.Configuration) -> some View {
+        configuration.label
+                .background(configuration.isPressed ? Color.themeLawrencePressed : Color.themeLawrence)
+    }
+
+}