From 0e0e6421fea5a844d300890cdd4878425eb8f3ed Mon Sep 17 00:00:00 2001
From: yasha-meursault <y.hayrumyan.y@gmail.com>
Date: Mon, 24 Aug 2026 17:24:12 +0400
Subject: [PATCH] fix: close connect modal on route change

---
 apps/app/components/WalletModal/ConnectWalletDrawer.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/apps/app/components/WalletModal/ConnectWalletDrawer.tsx b/apps/app/components/WalletModal/ConnectWalletDrawer.tsx
index 1bbb4d6a..a427377f 100644
--- a/apps/app/components/WalletModal/ConnectWalletDrawer.tsx
+++ b/apps/app/components/WalletModal/ConnectWalletDrawer.tsx
@@ -1,4 +1,5 @@
-import { FC } from "react";
+import { FC, useEffect } from "react";
+import { usePathname } from "next/navigation";
 import { ChevronLeft } from "lucide-react";
 import IconButton from "../buttons/iconButton";
 import VaulDrawer from "../Modal/vaulModal";
@@ -10,6 +11,7 @@ import { useConnectModal } from ".";
 const ConnectWalletDrawer: FC = () => {
     const {
         goBack,
+        cancel,
         onFinish,
         open,
         setOpen,
@@ -18,6 +20,11 @@ const ConnectWalletDrawer: FC = () => {
         displayMode,
     } = useConnectModal();
     const { isMobile } = useWindowDimensions();
+    const pathname = usePathname();
+
+    useEffect(() => {
+        cancel();
+    }, [pathname, cancel]);
 
     const title = (selectedMultiChainConnector && !selectedConnector) ? "Select ecosystem" : "Connect wallet"
     const showBack = !!(selectedConnector || selectedMultiChainConnector)