Ameerul / P2PS-4363 Banner on Buy/Sell page

src/hooks/api/account/__tests__/useActiveAccount.spec.ts

@@ -116,6 +116,7 @@ describe('useActiveAccount', () => {
             created_at: 1718953961,
             currency: 'USD',
             currency_type: 'fiat',
+            hasMigratedToWallets: false,
             is_disabled: 0,
             is_virtual: 0,
             landing_company_name: 'name',
@@ -139,11 +140,24 @@ describe('useActiveAccount', () => {
             created_at: 1718953961,
             currency: 'USD',
             currency_type: 'fiat',
+            hasMigratedToWallets: false,
             is_disabled: 0,
             is_virtual: 0,
             landing_company_name: 'name',
             linked_to: [],
             loginid: 'CR00001',
         });
     });
+
+    it('should return hasMigratedToWallets as true if the account is linked to dwallet', () => {
+        // @ts-expect-error mockAccountList is not typed with platform
+        mockAccountList[0].linked_to = [{ platform: 'dwallet' }];
+        mockUseAccountList.mockReturnValue({ data: mockAccountList });
+        mockUseAuthData.mockReturnValue({ activeLoginid: 'CR00001' });
+        mockUseBalance.mockReturnValue({ data: mockBalanceData });
+
+        const { result } = renderHook(() => useActiveAccount());
+
+        expect(result.current.data?.hasMigratedToWallets).toBe(true);
+    });
 });

src/hooks/api/account/useActiveAccount.ts

@@ -17,6 +17,7 @@ const useActiveAccount = () => {
             ? {
                   ...activeAccount,
                   balance: balanceData?.accounts?.[activeAccount?.loginid]?.balance ?? 0,
+                  hasMigratedToWallets: activeAccount?.linked_to.some(item => item.platform === 'dwallet'),
               }
             : undefined;
     }, [activeAccount, balanceData]);

src/pages/buy-sell/screens/BuySellHeader/__tests__/BuySellHeader.spec.tsx

@@ -19,6 +19,9 @@ jest.mock('@deriv-com/ui', () => ({
 jest.mock('@/hooks', () => ({
     ...jest.requireActual('@/hooks'),
     api: {
+        account: {
+            useActiveAccount: jest.fn().mockReturnValue({ data: { hasMigratedToWallets: false } }),
+        },
         settings: {
             useGetSettings: () => ({
                 data: {},

src/pages/buy-sell/screens/BuySellTable/__tests__/BuySellTable.spec.tsx

@@ -49,6 +49,9 @@ jest.mock('@/components/Modals', () => ({
 jest.mock('@/hooks', () => ({
     ...jest.requireActual('@/hooks'),
     api: {
+        account: {
+            useActiveAccount: jest.fn().mockReturnValue({ data: { hasMigratedToWallets: false } }),
+        },
         advert: {
             useGetList: jest.fn(() => mockAdvertiserListData),
         },

src/pages/guide/components/GuideTooltip/GuideTooltip.tsx

@@ -2,6 +2,7 @@ import clsx from 'clsx';
 import { useHistory } from 'react-router-dom';
 import { OnboardingTooltip } from '@/components';
 import { GUIDE_URL } from '@/constants';
+import { api } from '@/hooks';
 import { useIsAdvertiser } from '@/hooks/custom-hooks';
 import { getCurrentRoute } from '@/utils';
 import { LabelPairedBookCircleQuestionLgRegularIcon } from '@deriv/quill-icons';
@@ -13,12 +14,14 @@ const GuideTooltip = () => {
     const history = useHistory();
     const currentRoute = getCurrentRoute();
     const isAdvertiser = useIsAdvertiser();
+    const { data: activeAccountData } = api.account.useActiveAccount();
 
     return (
         <OnboardingTooltip
             buttonText={<Localize i18n_default_text='Get Started' />}
             className={clsx('guide-tooltip__icon', {
-                'guide-tooltip__icon--is-buy-sell': currentRoute === 'buy-sell' && isAdvertiser,
+                'guide-tooltip__icon--is-buy-sell':
+                    currentRoute === 'buy-sell' && isAdvertiser && activeAccountData?.hasMigratedToWallets,
                 'guide-tooltip__icon--not-advertiser': !isAdvertiser,
             })}
             description={

src/pages/guide/components/GuideTooltip/__tests__/GuideTooltip.spec.tsx

@@ -1,6 +1,17 @@
 import { render, screen } from '@testing-library/react';
 import GuideTooltip from '../GuideTooltip';
 
+jest.mock('@/hooks', () => ({
+    ...jest.requireActual('@/hooks'),
+    api: {
+        ...jest.requireActual('@/hooks/api'),
+        account: {
+            ...jest.requireActual('@/hooks/api/account'),
+            useActiveAccount: jest.fn().mockReturnValue({ data: { hasMigratedToWallets: false } }),
+        },
+    },
+}));
+
 jest.mock('@/hooks/custom-hooks', () => ({
     ...jest.requireActual('@/hooks/custom-hooks'),
     useIsAdvertiser: jest.fn().mockReturnValue(true),

src/routes/AppContent/index.tsx

@@ -114,13 +114,14 @@ const AppContent = () => {
                 (queryString.modal === 'RadioGroupFilterModal' ||
                     queryString.modal === 'FundsModal' ||
                     !queryString.modal)) ||
-                isDesktop)
+                isDesktop) &&
+            activeAccountData?.hasMigratedToWallets
         ) {
             setShowFundsBanner(true);
         } else {
             setShowFundsBanner(false);
         }
-    }, [isAdvertiser, isBuySellPage, isDesktop, location, queryString]);
+    }, [activeAccountData?.hasMigratedToWallets, isAdvertiser, isBuySellPage, isDesktop, location, queryString]);
 
     const getComponent = () => {
         if ((isP2PSettingsLoading || isLoadingActiveAccount || !isFetched || !activeAccountData) && !isEndpointRoute) {