Create separate CurrencyPickerView and tighten up ContentView

2024-11-11 00:42:50 +01:00
parent 9321f920b4
commit 303cad1076
5 changed files with 166 additions and 110 deletions
--- a/Sources/SatsPrice/CurrencyPickerView.swift
+++ b/Sources/SatsPrice/CurrencyPickerView.swift
@@ -0,0 +1,84 @@
+// This is free software: you can redistribute and/or modify it
+// under the terms of the GNU General Public License 3.0
+// as published by the Free Software Foundation https://fsf.org
+//
+//  CurrencyPickerView.swift
+//  sats-price
+//
+//  Created by Terry Yiu on 11/10/24.
+//
+
+import SwiftUI
+
+struct CurrencyPickerView: View {
+    @ObservedObject var satsViewModel: SatsViewModel
+
+    var body: some View {
+        let currentCurrency = satsViewModel.currentCurrency
+
+        List {
+            Section("Current Currency") {
+                let currentCurrency = satsViewModel.currentCurrency
+                if let localizedCurrency = Locale.current.localizedString(forCurrencyCode: currentCurrency.identifier) {
+                    Text("\(currentCurrency.identifier) - \(localizedCurrency)")
+                } else {
+                    Text(currentCurrency.identifier)
+                }
+            }
+
+            if !satsViewModel.selectedCurrencies.isEmpty {
+                Section("Selected Currencies") {
+                    ForEach(satsViewModel.selectedCurrencies.filter { $0 != currentCurrency }.sorted { $0.identifier < $1.identifier }, id: \.identifier) { currency in
+                        Button(
+                            action: {
+                                satsViewModel.selectedCurrencies.remove(currency)
+                            },
+                            label: {
+                                HStack {
+                                    Group {
+                                        if let localizedCurrency = Locale.current.localizedString(forCurrencyCode: currency.identifier) {
+                                            Text("\(currency.identifier) - \(localizedCurrency)")
+                                        } else {
+                                            Text(currency.identifier)
+                                        }
+                                    }
+                                    .frame(maxWidth: .infinity, alignment: .leading)
+
+                                    Image(systemName: "checkmark")
+                                }
+                            }
+                        )
+                        .buttonStyle(.plain)
+                    }
+                }
+            }
+
+            Section("Currencies") {
+                ForEach(satsViewModel.currencies.filter { $0 != currentCurrency && !satsViewModel.selectedCurrencies.contains($0) }, id: \.identifier) { currency in
+                    Button(
+                        action: {
+                            satsViewModel.selectedCurrencies.insert(currency)
+                        },
+                        label: {
+                            if let localizedCurrency = Locale.current.localizedString(forCurrencyCode: currency.identifier) {
+                                Text("\(currency.identifier) - \(localizedCurrency)")
+                            } else {
+                                Text(currency.identifier)
+                            }
+                        }
+                    )
+                    .buttonStyle(.plain)
+                }
+            }
+        }
+        .onDisappear(perform: {
+            Task {
+                await satsViewModel.updatePrice()
+            }
+        })
+    }
+}
+
+#Preview {
+    CurrencyPickerView(satsViewModel: SatsViewModel())
+}