feat: add balance format in TransactionDetailView and LocalOutputItemView

Author: r1b2ns

BDKSwiftExampleWallet/Resources/Localizable.xcstrings

@@ -288,6 +288,7 @@
       }
     },
     "%llu sats" : {
+      "extractionState" : "stale",
       "localizations" : {
         "fr" : {
           "stringUnit" : {

BDKSwiftExampleWallet/View/Activity/ActivityListView.swift

@@ -36,7 +36,8 @@ struct ActivityListView: View {
                 } else {
                     LocalOutputListView(
                         localOutputs: viewModel.localOutputs,
-                        walletSyncState: viewModel.walletSyncState
+                        walletSyncState: viewModel.walletSyncState,
+                        fiatPrice: viewModel.fiatPrice
                     )
                     .transition(.blurReplace)
                 }

BDKSwiftExampleWallet/View/Activity/LocalOutputItemView.swift

@@ -9,9 +9,12 @@ import BitcoinDevKit
 import SwiftUI
 
 struct LocalOutputItemView: View {
+    @AppStorage("balanceDisplayFormat") private var balanceFormat: BalanceDisplayFormat =
+        .bitcoinSats
     @Environment(\.dynamicTypeSize) var dynamicTypeSize
     let isRedacted: Bool
     let output: LocalOutput
+    let fiatPrice: Double
 
     var body: some View {
         HStack(spacing: 15) {
@@ -53,14 +56,24 @@ struct LocalOutputItemView: View {
             .redacted(reason: isRedacted ? .placeholder : [])
 
             Spacer()
-
-            Text("\(output.txout.value.toSat()) sats")
-                .font(.subheadline)
-                .fontWeight(.semibold)
-                .fontDesign(.rounded)
-                .lineLimit(1)
-                .redacted(reason: isRedacted ? .placeholder : [])
-
+            
+            Group {
+                HStack {
+                    Text(balanceFormat.displayPrefix)
+                    Text(
+                        balanceFormat.formatted(
+                            output.txout.value.toSat(),
+                            fiatPrice: fiatPrice
+                        )
+                    )
+                    Text(balanceFormat.displayText)
+                }
+            }
+            .font(.subheadline)
+            .fontWeight(.semibold)
+            .fontDesign(.rounded)
+            .lineLimit(1)
+            .redacted(reason: isRedacted ? .placeholder : [])
         }
         .padding(.vertical, 15.0)
         .padding(.vertical, 5.0)
@@ -71,6 +84,7 @@ struct LocalOutputItemView: View {
 #Preview {
     LocalOutputItemView(
         isRedacted: false,
-        output: .mock
+        output: .mock,
+        fiatPrice: 714.23
     )
 }

BDKSwiftExampleWallet/View/Activity/LocalOutputListView.swift

@@ -11,13 +11,15 @@ import SwiftUI
 struct LocalOutputListView: View {
     let localOutputs: [LocalOutput]
     let walletSyncState: WalletSyncState
+    let fiatPrice: Double
 
     var body: some View {
         List {
             if localOutputs.isEmpty && walletSyncState == .syncing {
                 LocalOutputItemView(
                     isRedacted: true,
-                    output: .mock
+                    output: .mock,
+                    fiatPrice: .zero
                 )
                 .listRowInsets(EdgeInsets())
                 .listRowSeparator(.hidden)
@@ -30,7 +32,8 @@ struct LocalOutputListView: View {
                 ForEach(localOutputs, id: \.outpoint) { output in
                     LocalOutputItemView(
                         isRedacted: false,
-                        output: output
+                        output: output,
+                        fiatPrice: fiatPrice
                     )
                 }
                 .listRowInsets(EdgeInsets())
@@ -43,5 +46,5 @@ struct LocalOutputListView: View {
 }
 
 #Preview {
-    LocalOutputListView(localOutputs: [.mock], walletSyncState: .synced)
+    LocalOutputListView(localOutputs: [.mock], walletSyncState: .synced, fiatPrice: 714.23)
 }

BDKSwiftExampleWallet/View/Activity/TransactionDetailView.swift

@@ -10,10 +10,13 @@ import BitcoinUI
 import SwiftUI
 
 struct TransactionDetailView: View {
+    @AppStorage("balanceDisplayFormat") private var balanceFormat: BalanceDisplayFormat =
+        .bitcoinSats
     @Bindable var viewModel: TransactionDetailViewModel
     @State private var isCopied = false
     @State private var showCheckmark = false
     let txDetails: TxDetails
+    let fiatPrice: Double
 
     var body: some View {
 
@@ -55,8 +58,14 @@ struct TransactionDetailView: View {
 
             VStack(spacing: 8) {
                 HStack {
-                    Text(abs(txDetails.balanceDelta).delimiter)
-                    Text("sats")
+                    Text(balanceFormat.displayPrefix)
+                    Text(
+                        balanceFormat.formatted(
+                            UInt64(abs(txDetails.balanceDelta)),
+                            fiatPrice: fiatPrice
+                        )
+                    )
+                    Text(balanceFormat.displayText)
                 }
                 .lineLimit(1)
                 .minimumScaleFactor(0.5)
@@ -168,7 +177,8 @@ struct TransactionDetailView: View {
             viewModel: .init(
                 bdkClient: .mock
             ),
-            txDetails: .mock
+            txDetails: .mock,
+            fiatPrice: 714.23
         )
     }
 #endif

BDKSwiftExampleWallet/View/Activity/TransactionListView.swift

@@ -112,7 +112,8 @@ struct TransactionListView: View {
                                 viewModel: .init(
                                     bdkClient: .live
                                 ),
-                                txDetails: txDetails
+                                txDetails: txDetails,
+                                fiatPrice: fiatPrice
                             )
                         ) {
                             TransactionItemView(