From ec7c4272eaf4c55518736abb1e3525bb0ac70aae Mon Sep 17 00:00:00 2001
From: lubega-deriv <142860499+lubega-deriv@users.noreply.github.com>
Date: Wed, 14 Feb 2024 22:44:05 +0800
Subject: [PATCH] fix: resbumit document missing redirection (#13558)

---
 .../AddedMT5AccountsList.tsx                  | 11 ++++++++---
 .../VerificationFailedModal.tsx               |  9 +++++++--
 .../VerificationFailed/VerificationFailed.tsx | 19 +++++++++++++++----
 3 files changed, 30 insertions(+), 9 deletions(-)

diff --git a/packages/wallets/src/features/cfd/flows/MT5/AddedMT5AccountsList/AddedMT5AccountsList.tsx b/packages/wallets/src/features/cfd/flows/MT5/AddedMT5AccountsList/AddedMT5AccountsList.tsx
index 9b6ec76029c0..6058c82c82ee 100644
--- a/packages/wallets/src/features/cfd/flows/MT5/AddedMT5AccountsList/AddedMT5AccountsList.tsx
+++ b/packages/wallets/src/features/cfd/flows/MT5/AddedMT5AccountsList/AddedMT5AccountsList.tsx
@@ -113,9 +113,14 @@ const AddedMT5AccountsList: React.FC<TProps> = ({ account }) => {
                                 {t('Verification failed.')}{' '}
                                 <a
                                     onClick={() =>
-                                        show(<VerificationFailedModal />, {
-                                            defaultRootId: 'wallets_modal_root',
-                                        })
+                                        show(
+                                            <VerificationFailedModal
+                                                selectedJurisdiction={account.landing_company_short}
+                                            />,
+                                            {
+                                                defaultRootId: 'wallets_modal_root',
+                                            }
+                                        )
                                     }
                                 >
                                     {t('Why?')}
diff --git a/packages/wallets/src/features/cfd/modals/VerificationFailedModal/VerificationFailedModal.tsx b/packages/wallets/src/features/cfd/modals/VerificationFailedModal/VerificationFailedModal.tsx
index 36658cbfa968..6122ec994234 100644
--- a/packages/wallets/src/features/cfd/modals/VerificationFailedModal/VerificationFailedModal.tsx
+++ b/packages/wallets/src/features/cfd/modals/VerificationFailedModal/VerificationFailedModal.tsx
@@ -1,11 +1,16 @@
 import React, { FC } from 'react';
+import { THooks } from '../../../../types';
 import { ModalWrapper } from '../../../../components/Base';
 import { VerificationFailed } from '../../screens';
 
-const VerificationFailedModal: FC = () => {
+type TVerificationFailedModalProps = {
+    selectedJurisdiction: THooks.MT5AccountsList['landing_company_short'];
+};
+
+const VerificationFailedModal: FC<TVerificationFailedModalProps> = ({ selectedJurisdiction }) => {
     return (
         <ModalWrapper hideCloseButton>
-            <VerificationFailed />
+            <VerificationFailed selectedJurisdiction={selectedJurisdiction} />
         </ModalWrapper>
     );
 };
diff --git a/packages/wallets/src/features/cfd/screens/VerificationFailed/VerificationFailed.tsx b/packages/wallets/src/features/cfd/screens/VerificationFailed/VerificationFailed.tsx
index f394bd3d4c60..21047c7fae05 100644
--- a/packages/wallets/src/features/cfd/screens/VerificationFailed/VerificationFailed.tsx
+++ b/packages/wallets/src/features/cfd/screens/VerificationFailed/VerificationFailed.tsx
@@ -1,7 +1,9 @@
-import React from 'react';
+import React, { FC } from 'react';
+import { THooks } from '../../../../types';
 import { usePOA, usePOI } from '@deriv/api';
 import { WalletButton, WalletText } from '../../../../components/Base';
 import { useModal } from '../../../../components/ModalProvider';
+import { Verification } from '../../flows/Verification';
 import './VerificationFailed.scss';
 
 const getDocumentTitle = (isPOIFailed?: boolean, isPOAFailed?: boolean) => {
@@ -10,8 +12,12 @@ const getDocumentTitle = (isPOIFailed?: boolean, isPOAFailed?: boolean) => {
     return 'proof of address';
 };
 
-const VerificationFailed = () => {
-    const { hide } = useModal();
+type TVerificationFailedProps = {
+    selectedJurisdiction: THooks.MT5AccountsList['landing_company_short'];
+};
+
+const VerificationFailed: FC<TVerificationFailedProps> = ({ selectedJurisdiction }) => {
+    const { hide, show } = useModal();
     const { data: poiStatus } = usePOI();
     const { data: poaStatus } = usePOA();
 
@@ -45,7 +51,12 @@ const VerificationFailed = () => {
                 <WalletButton onClick={() => hide()} size='lg' variant='outlined'>
                     Maybe later
                 </WalletButton>
-                <WalletButton size='lg'>Resubmit documents</WalletButton>
+                <WalletButton
+                    onClick={() => show(<Verification selectedJurisdiction={selectedJurisdiction} />)}
+                    size='lg'
+                >
+                    Resubmit documents
+                </WalletButton>
             </div>
         </div>
     );