From c341d1120314469aa60d044aead15aa1e6516234 Mon Sep 17 00:00:00 2001
From: Hugo Lextrait <hugo.lextrait@gmail.com>
Date: Mon, 30 Dec 2024 11:24:17 +0100
Subject: [PATCH 1/2] fix: wrap Popover in EventBlocker for improved event
 handling

---
 src/components/extenders/Dropdown.tsx | 50 ++++++++++++++-------------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/src/components/extenders/Dropdown.tsx b/src/components/extenders/Dropdown.tsx
index 094f59ae..ba5bf000 100644
--- a/src/components/extenders/Dropdown.tsx
+++ b/src/components/extenders/Dropdown.tsx
@@ -69,29 +69,31 @@ export default function Dropdown({
   );
 
   return (
-    <Popover.Root open={!state ? internalState : state?.[0]} onOpenChange={!state ? setInternalState : state?.[1]}>
-      <Popover.Trigger
-        className={className}
-        onClick={toggle}
-        onMouseEnter={handleMouseEnter}
-        onMouseLeave={closeModalWithDelay}>
-        {children}
-      </Popover.Trigger>
-      <Popover.Portal>
-        <Popover.Content asChild style={vars}>
-          <EventBlocker>
-            <Box
-              look="bold"
-              className="mt-md mx-lg shadow-md animate-drop z-20"
-              {...(props as BoxProps)}
-              content={padding}
-              onMouseEnter={cancelClose}
-              onMouseLeave={closeModalWithDelay}>
-              {content}
-            </Box>
-          </EventBlocker>
-        </Popover.Content>
-      </Popover.Portal>
-    </Popover.Root>
+    <EventBlocker>
+      <Popover.Root open={!state ? internalState : state?.[0]} onOpenChange={!state ? setInternalState : state?.[1]}>
+        <Popover.Trigger
+          className={className}
+          onClick={toggle}
+          onMouseEnter={handleMouseEnter}
+          onMouseLeave={closeModalWithDelay}>
+          {children}
+        </Popover.Trigger>
+        <Popover.Portal>
+          <Popover.Content asChild style={vars}>
+            <EventBlocker>
+              <Box
+                look="bold"
+                className="mt-md mx-lg shadow-md animate-drop z-20"
+                {...(props as BoxProps)}
+                content={padding}
+                onMouseEnter={cancelClose}
+                onMouseLeave={closeModalWithDelay}>
+                {content}
+              </Box>
+            </EventBlocker>
+          </Popover.Content>
+        </Popover.Portal>
+      </Popover.Root>
+    </EventBlocker>
   );
 }

From 5a9d1f899d397bf0ef0ba06ed91e0aeb8dd091e7 Mon Sep 17 00:00:00 2001
From: Hugo Lextrait <hugo.lextrait@gmail.com>
Date: Mon, 30 Dec 2024 11:31:57 +0100
Subject: [PATCH 2/2] fix: cast transaction object to any type to resolve type
 issues

---
 src/components/dapp/TransactionButton.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/dapp/TransactionButton.tsx b/src/components/dapp/TransactionButton.tsx
index dd2fedf2..5375df26 100644
--- a/src/components/dapp/TransactionButton.tsx
+++ b/src/components/dapp/TransactionButton.tsx
@@ -23,7 +23,8 @@ export default function TransactionButton({ tx, name, children, onExecute, ...pr
         chain: client.chain,
         account: user,
         ...tx,
-      },
+        // biome-ignore lint/suspicious/noExplicitAny: Todo wrong type @Clement
+      } as any,
     ]);
 
     hash && onExecute?.(hash);