Merge pull request #104 from thisyahlen-deriv/thisyahlen/querykey-for…

…-ctrader-derivx chore: add querykey to ctrader and derivx
deriv-com · Apr 17, 2024 · a0eb08d · a0eb08d
2 parents 4f63254 + fac7676
commit a0eb08d
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 1 deletion.
diff --git a/src/hooks/useCtraderAccountsList.ts b/src/hooks/useCtraderAccountsList.ts
@@ -10,7 +10,9 @@ import { useExchangeRates } from './useExchangeRates';
 export const useCtraderAccountsList = () => {
     const { data, ...rest } = useTradingPlatformAccounts({
         payload: { platform: 'ctrader' },
+        queryKey: ['ctrader'],
     });
+
     const { getExchangeRate } = useExchangeRates();
 
     const { formatMoney } = FormatUtils;

diff --git a/src/hooks/useDxtradeAccountsList.ts b/src/hooks/useDxtradeAccountsList.ts
@@ -10,6 +10,7 @@ import { useExchangeRates } from './useExchangeRates';
 export const useDxtradeAccountsList = () => {
     const { data, ...rest } = useTradingPlatformAccounts({
         payload: { platform: 'dxtrade' },
+        queryKey: ['dxtrade'],
     });
 
     const { getExchangeRate } = useExchangeRates();

diff --git a/src/modals/Modals.tsx b/src/modals/Modals.tsx
@@ -1,6 +1,6 @@
 import { Fragment } from 'react/jsx-runtime';
 
-import { MT5PasswordModal, MT5SuccessModal, TradeModal } from '@/cfd/modals';
+import { DxtradePasswordModal, MT5PasswordModal, MT5SuccessModal, TradeModal } from '@/cfd/modals';
 import { RealAccountCreation } from '@/flows';
 
 import { JurisdictionModal } from './JurisdictionModal';
@@ -17,6 +17,7 @@ export const Modals = () => {
             {/* PLS DO NOT ADD ANY PROPS TO ANY MODALS HERE.💥 */}
             <AccountSelector />
             <AccountOpeningSuccessModal />
+            <DxtradePasswordModal />
             <JurisdictionModal />
             <MT5PasswordModal />
             <MT5SuccessModal />

diff --git a/src/modals/__tests__/Modals.spec.tsx b/src/modals/__tests__/Modals.spec.tsx
@@ -56,6 +56,12 @@ jest.mock('@/cfd/modals/TradeModal', () => {
     return { TradeModal };
 });
 
+jest.mock('@/cfd/modals/DxtradePasswordModal', () => {
+    const DxtradePasswordModal = () => <div>DxtradePasswordModal</div>;
+    DxtradePasswordModal.displayName = 'DxtradePasswordModal';
+    return { DxtradePasswordModal };
+});
+
 describe('Modals', () => {
     it('should render all modals', () => {
         render(<Modals />);
@@ -67,5 +73,6 @@ describe('Modals', () => {
         expect(screen.getByText('RegulationModal')).toBeInTheDocument();
         expect(screen.getByText('JurisdictionModal')).toBeInTheDocument();
         expect(screen.getByText('TradeModal')).toBeInTheDocument();
+        expect(screen.getByText('DxtradePasswordModal')).toBeInTheDocument();
     });
 });