From de41ecdce8408543034a33725e522c6fc44f7d50 Mon Sep 17 00:00:00 2001
From: Thisyahlen <thisyahlen@regentmarkets.com>
Date: Mon, 22 Apr 2024 08:36:12 +0800
Subject: [PATCH] fix: clear jurisdiction on modal close

---
 src/cfd/screens/Jurisdiction/JurisdictionScreen.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/cfd/screens/Jurisdiction/JurisdictionScreen.tsx b/src/cfd/screens/Jurisdiction/JurisdictionScreen.tsx
index 318d59e..819d528 100644
--- a/src/cfd/screens/Jurisdiction/JurisdictionScreen.tsx
+++ b/src/cfd/screens/Jurisdiction/JurisdictionScreen.tsx
@@ -3,7 +3,7 @@ import { twMerge } from 'tailwind-merge';
 
 import { Jurisdiction } from '@cfd/constants';
 
-import { useAvailableMT5Accounts, useMT5AccountsList } from '@/hooks';
+import { useAvailableMT5Accounts, useMT5AccountsList, useQueryParams } from '@/hooks';
 import { useCFDContext, useDynamicLeverageModalState } from '@/providers';
 
 import { JurisdictionCard } from './JurisdictionCard';
@@ -14,6 +14,7 @@ type TJurisdictionScreenProps = {
 
 export const JurisdictionScreen = ({ setIsCheckBoxChecked }: TJurisdictionScreenProps) => {
     const { cfdState, setCfdState } = useCFDContext();
+    const { closeModal } = useQueryParams();
     const { data: availableMT5Accounts } = useAvailableMT5Accounts();
     const { data: mt5AccountsList } = useMT5AccountsList();
     const { marketType, selectedJurisdiction } = cfdState;
@@ -37,6 +38,12 @@ export const JurisdictionScreen = ({ setIsCheckBoxChecked }: TJurisdictionScreen
         setIsCheckBoxChecked(false);
     }, [selectedJurisdiction, setIsCheckBoxChecked]);
 
+    useEffect(() => {
+        if (typeof closeModal === 'function') {
+            setCfdState({ selectedJurisdiction: '' });
+        }
+    }, [closeModal, setCfdState]);
+
     return (
         <div
             className={twMerge(