Give Monero sync its own section and consolidate the wallet buttons

2026-10-10 20:18:41 +08:00
parent 7e739e1b77
commit c9679e35c4
3 changed files with 95 additions and 31 deletions
@@ -258,4 +258,53 @@ struct ScreenHeader: View {
      Spacer()
    }
  }
-}
+}
+/// Monero's chain sync as its own section, rather than buried in the wallet card.
+struct SyncCard: View {
+  @EnvironmentObject private var model: AppModel
+
+  var body: some View {
+    Card {
+      VStack(alignment: .leading, spacing: 12) {
+        HStack {
+          Text("Sync")
+            .font(.system(size: 13, weight: .semibold))
+            .foregroundStyle(Theme.muted)
+          Spacer()
+          if let status = model.syncStatus { SyncBadge(status: status) }
+        }
+
+        if let status = model.syncStatus {
+          SyncProgress(status: status, eta: model.syncEta)
+        } else {
+          Text("Sync status is not available yet.")
+            .font(.system(size: 11))
+            .foregroundStyle(Theme.muted)
+        }
+
+        SecondaryButton(title: model.syncStatus?.syncing == true ? "Syncing…" : "Sync now") {
+          Task { await model.startMoneroSync() }
+        }
+      }
+    }
+  }
+}
+
+/// A small circular icon button for utility actions (refresh, delete, …).
+struct IconButton: View {
+  var systemName: String
+  var destructive = false
+  var action: () -> Void
+
+  var body: some View {
+    Button(action: action) {
+      Image(systemName: systemName)
+        .font(.system(size: 14, weight: .semibold))
+        .foregroundStyle(destructive ? Theme.danger : Theme.muted)
+        .frame(width: 42, height: 42)
+        .background(Theme.surface)
+        .overlay(Circle().stroke(Theme.border))
+        .clipShape(Circle())
+    }
+  }
+}