Use getDeposits fn from Acre SDK

To fetch deposit activities for a given user.

dapp/src/hooks/index.ts

@@ -1,7 +1,6 @@
 export * from "./store"
 export * from "./toasts"
 export * from "./sdk"
-export * from "./subgraph"
 export * from "./useDetectThemeMode"
 export * from "./useRequestBitcoinAccount"
 export * from "./useWalletContext"

dapp/src/hooks/sdk/index.ts

@@ -2,3 +2,4 @@ export * from "./useInitializeAcreSdk"
 export * from "./useFetchMinDepositAmount"
 export * from "./useInitDataFromSdk"
 export * from "./useFetchBTCBalance"
+export * from "./useFetchDeposits"

dapp/src/hooks/sdk/useFetchDeposits.ts

@@ -0,0 +1,17 @@
+import { useCallback } from "react"
+import { setActivities } from "#/store/wallet"
+import { useAcreContext } from "#/acre-react/hooks"
+import { useAppDispatch } from "../store/useAppDispatch"
+
+export function useFetchDeposits() {
+  const dispatch = useAppDispatch()
+  const { acre } = useAcreContext()
+
+  return useCallback(async () => {
+    if (!acre) return
+
+    const result = await acre.staking.getDeposits()
+
+    dispatch(setActivities(result))
+  }, [acre, dispatch])
+}

dapp/src/hooks/sdk/useInitDataFromSdk.ts

@@ -1,7 +1,20 @@
+import { useEffect } from "react"
+import { logPromiseFailure } from "#/utils"
+import { useWalletContext } from "../useWalletContext"
 import { useFetchBTCBalance } from "./useFetchBTCBalance"
 import { useFetchMinDepositAmount } from "./useFetchMinDepositAmount"
+import { useFetchDeposits } from "./useFetchDeposits"
 
 export function useInitDataFromSdk() {
+  const { btcAccount } = useWalletContext()
+  const fetchDeposits = useFetchDeposits()
+
   useFetchBTCBalance()
   useFetchMinDepositAmount()
+
+  useEffect(() => {
+    if (btcAccount) {
+      logPromiseFailure(fetchDeposits())
+    }
+  }, [btcAccount, fetchDeposits])
 }

dapp/src/hooks/useInitApp.ts

@@ -2,7 +2,6 @@ import { useInitDataFromSdk, useInitializeAcreSdk } from "./sdk"
 import { useSentry } from "./sentry"
 import { useFetchBTCPriceUSD } from "./useFetchBTCPriceUSD"
 import { useInitGlobalToasts } from "./toasts/useInitGlobalToasts"
-import { useInitDataFromSubgraph } from "./subgraph"
 
 export function useInitApp() {
   // TODO: Let's uncomment when dark mode is ready
@@ -13,5 +12,4 @@ export function useInitApp() {
   useInitGlobalToasts()
 
   useInitDataFromSdk()
-  useInitDataFromSubgraph()
 }

dapp/src/types/activity.ts

@@ -1,3 +1,4 @@
+import { DepositStatus } from "@acre-btc/sdk"
 import { CurrencyType } from "./currency"
 
 // TODO: Update type when subgraph's ready
@@ -16,6 +17,5 @@ export type ActivityInfo = {
 export type Activity = {
   txHash: string
   amount: bigint
-  type: "deposit" | "withdraw"
-  status: "completed" | "pending"
+  status: DepositStatus
 }

dapp/src/types/index.ts

@@ -16,4 +16,3 @@ export * from "./toast"
 export * from "./core"
 export * from "./fee"
 export * from "./navigation"
-export * from "./subgraphAPI"