Changed asyncWrapper to logPromiseFailure

dapp/src/components/Header/ConnectWallet.tsx

@@ -9,7 +9,7 @@ import {
 import { CurrencyBalance } from "#/components/shared/CurrencyBalance"
 import { TextMd } from "#/components/shared/Typography"
 import { Bitcoin, EthereumIcon } from "#/assets/icons"
-import { truncateAddress, asyncWrapper } from "#/utils"
+import { truncateAddress, logPromiseFailure } from "#/utils"
 
 export type ConnectButtonsProps = {
   leftIcon: typeof Icon
@@ -25,7 +25,7 @@ function ConnectButton({
   const colorScheme = !account ? "error" : undefined
 
   const handleClick = () => {
-    asyncWrapper(requestAccount())
+    logPromiseFailure(requestAccount())
   }
 
   return (

dapp/src/components/TransactionModal/ActiveStakingStep/DepositBTCModal.tsx

@@ -8,7 +8,7 @@ import {
 } from "#/hooks"
 import Alert from "#/components/shared/Alert"
 import { TextMd } from "#/components/shared/Typography"
-import { asyncWrapper } from "#/utils"
+import { logPromiseFailure } from "#/utils"
 import { PROCESS_STATUSES } from "#/types"
 import StakingStepsModalContent from "./StakingStepsModalContent"
 
@@ -38,7 +38,7 @@ export default function DepositBTCModal() {
     // to make sure for the moment that it doesn't return an error about funds not found
     // TODO: Remove the delay when SDK is updated
     setTimeout(() => {
-      asyncWrapper(handleStake())
+      logPromiseFailure(handleStake())
     }, 10000)
   }, [setStatus, handleStake])
 
@@ -48,7 +48,7 @@ export default function DepositBTCModal() {
   const handledDepositBTC = useCallback(() => {
     if (!tokenAmount?.amount || !btcAddress) return
 
-    asyncWrapper(sendBitcoinTransaction(tokenAmount?.amount, btcAddress))
+    logPromiseFailure(sendBitcoinTransaction(tokenAmount?.amount, btcAddress))
   }, [btcAddress, sendBitcoinTransaction, tokenAmount])
 
   return (

dapp/src/components/TransactionModal/ActiveStakingStep/SignMessageModal.tsx

@@ -4,7 +4,7 @@ import {
   useModalFlowContext,
   useStakeFlowContext,
 } from "#/hooks"
-import { asyncWrapper } from "#/utils"
+import { logPromiseFailure } from "#/utils"
 import AlertReceiveSTBTC from "#/components/shared/AlertReceiveSTBTC"
 import { PROCESS_STATUSES } from "#/types"
 import StakingStepsModalContent from "./StakingStepsModalContent"
@@ -15,7 +15,7 @@ export default function SignMessageModal() {
   const handleSignMessage = useExecuteFunction(signMessage, goNext)
 
   const handleSignMessageWrapper = useCallback(() => {
-    asyncWrapper(handleSignMessage())
+    logPromiseFailure(handleSignMessage())
   }, [handleSignMessage])
 
   useEffect(() => {

dapp/src/components/TransactionModal/ActiveUnstakingStep/SignMessageModal.tsx

@@ -4,7 +4,7 @@ import { PROCESS_STATUSES } from "#/types"
 import { Button, ModalBody, ModalFooter, ModalHeader } from "@chakra-ui/react"
 import { TextMd } from "#/components/shared/Typography"
 import AlertReceiveSTBTC from "#/components/shared/AlertReceiveSTBTC"
-import { asyncWrapper } from "#/utils"
+import { logPromiseFailure } from "#/utils"
 
 export default function SignMessageModal() {
   const { setStatus } = useModalFlowContext()
@@ -34,7 +34,7 @@ export default function SignMessageModal() {
 
     // TODO: Remove when SDK is ready
     setTimeout(() => {
-      asyncWrapper(handleSignMessage())
+      logPromiseFailure(handleSignMessage())
     }, 5000)
   }, [setStatus, handleSignMessage])
 

dapp/src/components/TransactionModal/ModalContentWrapper/ActionFormModal.tsx

@@ -16,7 +16,7 @@ import {
 } from "#/hooks"
 import { ACTION_FLOW_TYPES, ActionFlowType } from "#/types"
 import { TokenAmountFormValues } from "#/components/shared/TokenAmountForm/TokenAmountFormBase"
-import { asyncWrapper } from "#/utils"
+import { logPromiseFailure } from "#/utils"
 import { REFERRAL } from "#/constants"
 import StakeFormModal from "../ActiveStakingStep/StakeFormModal"
 import UnstakeFormModal from "../ActiveUnstakingStep/UnstakeFormModal"
@@ -60,7 +60,8 @@ function ActionFormModal({ defaultType }: { defaultType: ActionFlowType }) {
   )
 
   const handleSubmitFormWrapper = useCallback(
-    (values: TokenAmountFormValues) => asyncWrapper(handleSubmitForm(values)),
+    (values: TokenAmountFormValues) =>
+      logPromiseFailure(handleSubmitForm(values)),
     [handleSubmitForm],
   )
 

dapp/src/components/TransactionModal/ModalContentWrapper/MissingAccountModal.tsx

@@ -10,7 +10,7 @@ import {
 } from "@chakra-ui/react"
 import { TextMd } from "#/components/shared/Typography"
 import Alert from "#/components/shared/Alert"
-import { asyncWrapper, getCurrencyByType } from "#/utils"
+import { logPromiseFailure, getCurrencyByType } from "#/utils"
 import { CurrencyType, RequestAccountParams } from "#/types"
 
 type MissingAccountModalProps = {
@@ -27,7 +27,7 @@ export default function MissingAccountModal({
   const { name, symbol } = getCurrencyByType(currency)
 
   const handleClick = () => {
-    asyncWrapper(requestAccount())
+    logPromiseFailure(requestAccount())
   }
 
   return (

dapp/src/components/shared/Form/FormTokenBalanceInput.tsx

@@ -1,6 +1,6 @@
 import React from "react"
 import { useField } from "formik"
-import { asyncWrapper } from "#/utils"
+import { logPromiseFailure } from "#/utils"
 import TokenBalanceInput, { TokenBalanceInputProps } from "../TokenBalanceInput"
 
 export type FormTokenBalanceInputProps = {
@@ -13,7 +13,7 @@ export function FormTokenBalanceInput({
   const [field, meta, helpers] = useField(name)
 
   const setAmount = (value?: bigint) => {
-    asyncWrapper(helpers.setValue(value))
+    logPromiseFailure(helpers.setValue(value))
   }
 
   return (

dapp/src/hooks/useInitApp.ts

@@ -1,12 +1,12 @@
 import { useEffect } from "react"
 import { fetchBTCPriceUSD } from "#/store/btc"
-import { asyncWrapper } from "#/utils"
+import { logPromiseFailure } from "#/utils"
 import { useAppDispatch } from "./store"
 
 export function useInitApp() {
   const dispatch = useAppDispatch()
 
   useEffect(() => {
-    asyncWrapper(dispatch(fetchBTCPriceUSD()))
+    logPromiseFailure(dispatch(fetchBTCPriceUSD()))
   }, [dispatch])
 }

dapp/src/hooks/useInitializeAcreSdk.ts

@@ -1,6 +1,6 @@
 import { useEffect } from "react"
 import { ETHEREUM_NETWORK } from "#/constants"
-import { asyncWrapper } from "#/utils"
+import { logPromiseFailure } from "#/utils"
 import { useAcreContext } from "#/acre-react/hooks"
 import { useWalletContext } from "./useWalletContext"
 
@@ -14,6 +14,6 @@ export function useInitializeAcreSdk() {
     const initSDK = async (ethAddress: string) => {
       await init(ethAddress, ETHEREUM_NETWORK)
     }
-    asyncWrapper(initSDK(ethAccount.address))
+    logPromiseFailure(initSDK(ethAccount.address))
   }, [ethAccount?.address, init])
 }

dapp/src/utils/index.ts

@@ -5,5 +5,5 @@ export * from "./currency"
 export * from "./chain"
 export * from "./text"
 export * from "./time"
-export * from "./async"
+export * from "./promise"
 export * from "./externalApi"

dapp/src/utils/promise.ts

@@ -0,0 +1,13 @@
+/**
+ * If the promise fails, log the underlying error but maintain the failed
+ * promise.
+ *
+ * Does nothing to successful promises.
+ */
+export function logPromiseFailure<T>(promise: Promise<T>) {
+  return () => {
+    promise.catch((error) => {
+      throw error
+    })
+  }
+}