fix: endless loading in ledger mode

leather-io · Dec 17, 2024 · 33881cc · 33881cc
1 parent 90ec152
commit 33881cc
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/app/common/hooks/balance/use-total-balance.tsx b/src/app/common/hooks/balance/use-total-balance.tsx
@@ -47,7 +47,9 @@ export function useTotalBalance({ btcAddress, stxAddress }: UseTotalBalanceArgs)
     return {
       isFetching: isFetchingStxBalance || isFetchingBtcBalance,
       isLoading: isLoadingStxBalance || isLoadingBtcBalance,
-      isPending: isPendingStxBalance || isPendingBtcBalance,
+      isPending:
+        (isPendingStxBalance && Boolean(stxAddress)) ||
+        (isPendingBtcBalance && Boolean(btcAddress)),
       totalBalance,
       totalUsdBalance: i18nFormatCurrency(
         totalBalance,
@@ -69,5 +71,7 @@ export function useTotalBalance({ btcAddress, stxAddress }: UseTotalBalanceArgs)
     stxMarketData,
     isLoadingAdditionalDataBtcBalance,
     isLoadingAdditionalDataStxBalance,
+    stxAddress,
+    btcAddress,
   ]);
 }
diff --git a/src/app/ui/components/account/account.card.tsx b/src/app/ui/components/account/account.card.tsx
@@ -69,7 +69,7 @@ export function AccountCard({
       </Flex>
       <Flex flexDir={{ base: 'column', md: 'row' }} justify="space-between">
         <Box mb="space.05" mt="space.04">
-          <SkeletonLoader width="200px" height="38px" isLoading={isLoadingBalance}>
+          <SkeletonLoader width="200px" height="46px" isLoading={isLoadingBalance}>
             <styled.h1
               textStyle="heading.02"
               data-state={isLoadingAdditionalData ? 'loading' : undefined}