Merge branch 'dev' of https://github.com/efdevcon/monorepo into dev

devcon-app/src/components/domain/app/account/wallet.tsx

@@ -79,8 +79,21 @@ export function WalletLoginButton({ onError }: Props) {
   }
 
   return (
-    <Button fat fill className="w-full plain mt-4" color="purple-2" onClick={connectWeb3AndLogin}>
-      Continue With Ethereum
-    </Button>
+    <>
+      <Button
+        fat
+        fill
+        className="w-full plain mt-4"
+        color="purple-2"
+        onClick={(e: any) => {
+          e.preventDefault()
+          setTimeout(() => {
+            connectWeb3AndLogin()
+          }, 0)
+        }}
+      >
+        Continue With Ethereum
+      </Button>
+    </>
   )
 }

devcon-app/src/components/wallet.tsx

@@ -0,0 +1,33 @@
+'use client'
+
+import { Button } from 'lib/components/button'
+import { useAppKit } from '@reown/appkit/react'
+
+export function TestWalletConnections() {
+  const { open } = useAppKit()
+
+  return (
+    <>
+      <p>
+        <w3m-button />
+      </p>
+      <p>
+        <Button
+          fat
+          fill
+          className="w-full plain mt-4"
+          color="purple-2"
+          onClick={(e: any) => {
+            e.preventDefault()
+            // Add a small delay to avoid cross-origin issues
+            setTimeout(() => {
+              open()
+            }, 0)
+          }}
+        >
+          Continue With Ethereum
+        </Button>
+      </p>
+    </>
+  )
+}

devcon-app/src/pages/wallet.tsx

@@ -0,0 +1,12 @@
+import { TestWalletConnections } from 'components/wallet'
+
+const Index = () => {
+  return (
+    <div>
+      <h1>Wallet Test</h1>
+      <TestWalletConnections />
+    </div>
+  )
+}
+
+export default Index