fix: long white screens

leather-wallet · Dec 17, 2021 · ad41051 · ad41051
1 parent 981c46c
commit ad41051
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/pages/send-tokens/send-tokens-form.tsx b/src/pages/send-tokens/send-tokens-form.tsx
@@ -3,6 +3,7 @@ import { useNavigate } from 'react-router-dom';
 import { Formik } from 'formik';
 import toast from 'react-hot-toast';
 
+import { useHomeTabs } from '@common/hooks/use-home-tabs';
 import { useRouteHeader } from '@common/hooks/use-route-header';
 import { useSelectedAsset } from '@common/hooks/use-selected-asset';
 import { LoadingKeys, useLoading } from '@common/hooks/use-loading';
@@ -24,7 +25,6 @@ import { SendTokensConfirmDrawer } from './components/send-tokens-confirm-drawer
 import { SendFormInner } from './components/send-form-inner';
 import { ShowDelay } from './components/show-delay';
 import { useResetNonceCallback } from './hooks/use-reset-nonce-callback';
-import { useHomeTabs } from '@common/hooks/use-home-tabs';
 
 function SendTokensFormBase() {
   const navigate = useNavigate();
@@ -116,7 +116,6 @@ function SendTokensFormBase() {
           <Suspense fallback={<></>}>
             <SendFormInner assetError={assetError} />
           </Suspense>
-
           <SendTokensConfirmDrawer
             isShowing={isShowing && !showEditNonce}
             onClose={() => handleConfirmDrawerOnClose()}

diff --git a/src/routes/app-routes.tsx b/src/routes/app-routes.tsx
@@ -5,6 +5,7 @@ import { useAnalytics } from '@common/hooks/analytics/use-analytics';
 import { useWallet } from '@common/hooks/use-wallet';
 import { getHasSetPassword } from '@common/storage';
 import { Container } from '@components/container/container';
+import { LoadingSpinner } from '@components/loading-spinner';
 import { MagicRecoveryCode } from '@pages/onboarding/magic-recovery-code/magic-recovery-code';
 import { ChooseAccount } from '@pages/choose-account/choose-account';
 import { SignTransaction } from '@pages/sign-transaction/sign-transaction';
@@ -103,7 +104,7 @@ export function AppRoutes(): JSX.Element | null {
           path={RouteUrls.Send}
           element={
             <AccountGate>
-              <Suspense fallback={<></>}>
+              <Suspense fallback={<LoadingSpinner />}>
                 <SendTokensForm />
               </Suspense>
             </AccountGate>
@@ -113,7 +114,7 @@ export function AppRoutes(): JSX.Element | null {
           path={RouteUrls.Transaction}
           element={
             <AccountGate>
-              <Suspense fallback={<></>}>
+              <Suspense fallback={<LoadingSpinner />}>
                 <SignTransaction />
               </Suspense>
             </AccountGate>