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 = ({ account }) => { {t('Verification failed.')}{' '} - show(, { - defaultRootId: 'wallets_modal_root', - }) + show( + , + { + 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 = ({ selectedJurisdiction }) => { return ( - + ); }; 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 = ({ selectedJurisdiction }) => { + const { hide, show } = useModal(); const { data: poiStatus } = usePOI(); const { data: poaStatus } = usePOA(); @@ -45,7 +51,12 @@ const VerificationFailed = () => { hide()} size='lg' variant='outlined'> Maybe later - Resubmit documents + show()} + size='lg' + > + Resubmit documents + );