Fix Drawer not closing when clicking outside

hemilabs · Sep 6, 2024 · 01f4bfe · 01f4bfe
1 parent e5215f7
commit 01f4bfe
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/webapp/components/connectWallets/connectWalletsDrawer.tsx b/webapp/components/connectWallets/connectWalletsDrawer.tsx
@@ -20,7 +20,7 @@ type Props = {
 export const ConnectWalletsDrawer = function ({ closeDrawer }: Props) {
   const { accountModalOpen } = useAccountModal()
   const { chainModalOpen } = useChainModal()
-  const { openConnectModal } = useConnectModal()
+  const { connectModalOpen } = useConnectModal()
   const t = useTranslations()
 
   // Rainbow kit's modals appear on top of the drawer. By clicking on those
@@ -29,7 +29,7 @@ export const ConnectWalletsDrawer = function ({ closeDrawer }: Props) {
   // Luckily, there are some hooks to detect that those modals are opened,
   // and prevent this scenario.
   const onClose = function () {
-    if (accountModalOpen || chainModalOpen || openConnectModal) {
+    if (accountModalOpen || chainModalOpen || connectModalOpen) {
       return
     }
     closeDrawer()