chore: use market data service for STX balances

Author: pete-watters

apps/mobile/src/queries/balance/stacks-balance.query.ts

@@ -9,12 +9,13 @@ import {
   createGetStacksAccountBalanceQueryOptions,
   createStxCryptoAssetBalance,
   createStxMoney,
-  useCryptoCurrencyMarketDataMeanAverage,
   useCurrentNetworkState,
   useStacksClient,
 } from '@leather.io/query';
 import { baseCurrencyAmountInQuote, createMoney, sumMoney } from '@leather.io/utils';
 
+import { useStxMarketDataQuery } from '../market-data/stx-market-data.query';
+
 interface StxBalances {
   totalStxBalance: Money;
 }
@@ -67,7 +68,10 @@ function useStxBalancesQueries(addresses: string[]) {
 
 export function useStxBalance(addresses: string[]) {
   const { totalStxBalance } = useGetStxBalanceByAddresses(addresses);
-  const stxMarketData = useCryptoCurrencyMarketDataMeanAverage('STX');
-  const stxBalanceUsd = baseCurrencyAmountInQuote(totalStxBalance, stxMarketData);
+
+  const { data: stxMarketData } = useStxMarketDataQuery();
+  const stxBalanceUsd = stxMarketData
+    ? baseCurrencyAmountInQuote(totalStxBalance, stxMarketData)
+    : createMoney(0, 'USD');
   return { availableBalance: totalStxBalance, fiatBalance: stxBalanceUsd };
 }

apps/mobile/src/queries/market-data/stx-market-data.query.ts

@@ -0,0 +1,21 @@
+import { QueryFunctionContext, useQuery } from '@tanstack/react-query';
+
+import { getMarketDataService } from '@leather.io/services';
+import { oneMinInMs } from '@leather.io/utils';
+
+export function createStxMarketDataQueryOptions() {
+  return {
+    queryKey: ['market-data-service-get-stx-market-data'],
+    queryFn: ({ signal }: QueryFunctionContext) => getMarketDataService().getStxMarketData(signal),
+    refetchOnReconnect: false,
+    refetchOnWindowFocus: false,
+    refetchOnMount: false,
+    retryOnMount: false,
+    staleTime: oneMinInMs,
+    gcTime: oneMinInMs,
+  } as const;
+}
+
+export function useStxMarketDataQuery() {
+  return useQuery(createStxMarketDataQueryOptions());
+}