Fix #8663: Account Details v2

Sources/BraveWallet/Crypto/Accounts/AccountTransactionListView.swift

@@ -9,13 +9,11 @@ import struct Shared.Strings
 import BraveUI
 
 struct AccountTransactionListView: View {
-  @ObservedObject var keyringStore: KeyringStore
   @ObservedObject var activityStore: AccountActivityStore
   @ObservedObject var networkStore: NetworkStore
 
-  @Environment(\.openURL) private var openWalletURL
-
   @State private var transactionDetails: TransactionDetailsStore?
+  @State private var query: String = ""
 
   private func emptyTextView(_ message: String) -> some View {
     Text(message)
@@ -26,40 +24,15 @@ struct AccountTransactionListView: View {
   }
 
   var body: some View {
-    List {
-      Section(
-        header: WalletListHeaderView(title: Text(Strings.Wallet.transactionsTitle))
-      ) {
-        Group {
-          if activityStore.transactionSummaries.isEmpty {
-            emptyTextView(Strings.Wallet.noTransactions)
-          } else {
-            ForEach(activityStore.transactionSummaries) { txSummary in
-              Button(action: {
-                self.transactionDetails = activityStore.transactionDetailsStore(for: txSummary.txInfo)
-              }) {
-                TransactionSummaryView(summary: txSummary)
-              }
-              .contextMenu {
-                if !txSummary.txHash.isEmpty {
-                  Button(action: {
-                    if let txNetwork = self.networkStore.allChains.first(where: { $0.chainId == txSummary.txInfo.chainId }),
-                       let url = txNetwork.txBlockExplorerLink(txHash: txSummary.txHash, for: txNetwork.coin) {
-                      openWalletURL(url)
-                    }
-                  }) {
-                    Label(Strings.Wallet.viewOnBlockExplorer, systemImage: "arrow.up.forward.square")
-                  }
-                }
-              }
-            }
-          }
-        }
-        .listRowBackground(Color(.secondaryBraveGroupedBackground))
+    TransactionsListView(
+      transactionSections: activityStore.transactionSections,
+      query: $query,
+      showFilter: false,
+      filtersButtonTapped: { },
+      transactionTapped: { transaction in
+        self.transactionDetails = activityStore.transactionDetailsStore(for: transaction)
       }
-    }
-    .listStyle(InsetGroupedListStyle())
-    .listBackgroundColor(Color(UIColor.braveGroupedBackground))
+    )
     .navigationTitle(Strings.Wallet.transactionsTitle)
     .navigationBarTitleDisplayMode(.inline)
     .sheet(
@@ -82,10 +55,8 @@ struct AccountTransactionListView: View {
 struct AccountTransactionListView_Previews: PreviewProvider {
   static var previews: some View {
     AccountTransactionListView(
-      keyringStore: .previewStore,
       activityStore: {
         let store: AccountActivityStore = .previewStore
-        store.previewTransactions()
         return store
       }(),
       networkStore: .previewStore

Sources/BraveWallet/Crypto/Accounts/AccountsView.swift

@@ -18,9 +18,12 @@ struct AccountsView: View {
   @State private var selectedAccountActivity: BraveWallet.AccountInfo?
   /// When populated, account info presented modally for given account (rename, export private key)
   @State private var selectedAccountForEdit: BraveWallet.AccountInfo?
-
+  /// When populated, private key export is presented modally for the given account.
   @State private var selectedAccountForExport: BraveWallet.AccountInfo?
 
+  @Environment(\.buySendSwapDestination)
+  private var buySendSwapDestination: Binding<BuySendSwapDestination?>
+
   var body: some View {
     ScrollView {
       LazyVStack(spacing: 16) {
@@ -63,25 +66,31 @@ struct AccountsView: View {
     }
     .navigationTitle(Strings.Wallet.accountsPageTitle)
     .navigationBarTitleDisplayMode(.inline)
+    .background(Color(braveSystemName: .containerBackground))
     .background(
       NavigationLink(
         isActive: Binding(
           get: { selectedAccountActivity != nil },
-          set: { if !$0 { selectedAccountActivity = nil } }
+          set: { 
+            if !$0 {
+              selectedAccountActivity = nil
+              if let selectedAccountActivity {
+                cryptoStore.closeAccountActivityStore(for: selectedAccountActivity)
+              }
+            }
+          }
         ),
         destination: {
           if let account = selectedAccountActivity {
             AccountActivityView(
-              keyringStore: keyringStore,
-              activityStore: cryptoStore.accountActivityStore(
+              store: cryptoStore.accountActivityStore(
                 for: account,
                 observeAccountUpdates: false
               ),
-              networkStore: cryptoStore.networkStore
+              cryptoStore: cryptoStore,
+              keyringStore: keyringStore,
+              buySendSwapDestination: buySendSwapDestination
             )
-            .onDisappear {
-              cryptoStore.closeAccountActivityStore(for: account)
-            }
           }
         },
         label: {