Add button for resync wallet

src/components/KitchenSink.tsx

@@ -13,6 +13,7 @@ import { Network } from "~/logic/mutinyWalletSetup";
 import { ExternalLink } from "./layout/ExternalLink";
 import { Logs } from "./Logs";
 import { Restart } from "./Restart";
+import { ResyncOnchain } from "./ResyncOnchain";
 import { MiniStringShower } from "./DetailsModal";
 
 // TODO: hopefully I don't have to maintain this type forever but I don't know how to pass it around otherwise
@@ -437,6 +438,8 @@ export default function KitchenSink() {
             <Hr />
             <LnUrlAuth />
             <Hr />
+            <ResyncOnchain />
+            <Hr />
             <Restart />
             <Hr />
             <ImportExport />

src/components/ResyncOnchain.tsx

@@ -0,0 +1,27 @@
+import {Button, InnerCard, NiceP, VStack} from "~/components/layout";
+import {useMegaStore} from "~/state/megaStore";
+
+export function ResyncOnchain() {
+    const [state, _] = useMegaStore();
+
+    async function reset() {
+        try {
+            await state.mutiny_wallet?.reset_onchain_tracker();
+        } catch (e) {
+            console.error(e);
+        }
+    }
+
+    return (
+        <InnerCard>
+            <VStack>
+                <NiceP>
+                    On-chain balance seems incorrect? Try re-syncing the on-chain wallet.
+                </NiceP>
+                <Button intent="red" onClick={reset}>
+                    Resync wallet
+                </Button>
+            </VStack>
+        </InnerCard>
+    );
+}