Fix account head and balances

Author: dguenther

packages/mobile-app/app/(tabs)/index.tsx

@@ -1,6 +1,7 @@
 import { StatusBar } from "expo-status-bar";
 import {
   ActivityIndicator,
+  Button,
   ScrollView,
   StyleSheet,
   Text,
@@ -33,6 +34,9 @@ export default function Balances() {
     refetchInterval: 1000,
   });
 
+  const pauseSyncing = facade.pauseSyncing.useMutation();
+  const resumeSyncing = facade.resumeSyncing.useMutation();
+
   useEffect(() => {
     if (getAccountResult.data) {
       setAccount(getAccountResult.data.name);
@@ -78,11 +82,32 @@ export default function Balances() {
       {getWalletStatusResult.data &&
         getWalletStatusResult.data.status === "SCANNING" && (
           // TODO: Only show this if the wallet is behind a certain number of blocks to avoid flickering
-          <>
+          <View style={{ backgroundColor: "#eee" }}>
             <Text>{`Blocks Scanned: ${getAccountResult.data?.head?.sequence ?? "--"} / ${getWalletStatusResult.data.latestKnownBlock}`}</Text>
             <Text>Your balances may currently be inaccurate.</Text>
             <Text>Learn More</Text>
-          </>
+            <Button
+              onPress={async () => {
+                await pauseSyncing.mutateAsync(undefined);
+              }}
+              title="Pause"
+            />
+          </View>
+        )}
+      {getWalletStatusResult.data &&
+        getWalletStatusResult.data.status !== "SCANNING" && (
+          // TODO: Once scanning starts automatically, this should only show in the "PAUSED" state.
+          <View style={{ backgroundColor: "#eee" }}>
+            <Text>{`Scanning Paused: ${getAccountResult.data?.head?.sequence ?? "--"} / ${getWalletStatusResult.data.latestKnownBlock}`}</Text>
+            <Text>Your balances may currently be inaccurate.</Text>
+            <Text>Learn More</Text>
+            <Button
+              onPress={async () => {
+                await resumeSyncing.mutateAsync(undefined);
+              }}
+              title="Resume"
+            />
+          </View>
         )}
       <View style={{ display: "flex", flexDirection: "row" }}>
         <LinkButton href="/send/" title="Send" />

packages/mobile-app/data/wallet/db.ts

@@ -666,7 +666,7 @@ export class WalletDb {
 
   async getAccountsWithHeads(network: Network) {
     const result = await this.db.transaction().execute(async (db) => {
-      const accountPromise = this.db
+      const accountPromise = db
         .selectFrom("accounts")
         .leftJoin("activeAccount", "accounts.id", "activeAccount.accountId")
         .selectAll("accounts")

packages/mobile-app/data/wallet/wallet.ts

@@ -90,10 +90,6 @@ export class Wallet {
 
     const accounts = await this.state.db.getAccountsWithHeads(network);
 
-    for (const account of accounts) {
-      await this.getBalances(account.id, network);
-    }
-
     return await Promise.all(
       accounts.map(async (a) => {
         const balances = await this.getBalances(a.id, network);