fix: zero spread scrolling issue (#16814)

deriv-com · Sep 12, 2024 · 71956aa · 71956aa
1 parent 87db116
commit 71956aa
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/.../wallets/src/features/cfd/flows/MT5/AvailableMT5AccountsList/AvailableMT5AccountsList.tsx b/.../wallets/src/features/cfd/flows/MT5/AvailableMT5AccountsList/AvailableMT5AccountsList.tsx
@@ -1,7 +1,7 @@
-import React, { lazy, useCallback, useEffect, useState } from 'react';
+import React, { lazy, Suspense, useCallback, useEffect, useState } from 'react';
 import { useActiveWalletAccount, useMT5AccountsList, useTradingPlatformStatus } from '@deriv/api-v2';
 import { LabelPairedChevronRightCaptionRegularIcon } from '@deriv/quill-icons';
-import { Text } from '@deriv-com/ui';
+import { Loader, Text } from '@deriv-com/ui';
 import { TradingAccountCard } from '../../../../../components';
 import { useModal } from '../../../../../components/ModalProvider';
 import { THooks } from '../../../../../types';
@@ -48,12 +48,14 @@ const AvailableMT5AccountsList: React.FC<TProps> = ({ account }) => {
                     );
                 } else if (account.product === PRODUCT.ZEROSPREAD) {
                     show(
-                        <LazyVerification
-                            onCompletion={() => {
-                                setShowMt5PasswordModal(true);
-                            }}
-                            selectedJurisdiction={account.shortcode}
-                        />
+                        <Suspense fallback={<Loader />}>
+                            <LazyVerification
+                                onCompletion={() => {
+                                    setShowMt5PasswordModal(true);
+                                }}
+                                selectedJurisdiction={account.shortcode}
+                            />
+                        </Suspense>
                     );
                 } else {
                     show(<JurisdictionModal />);