wallet connections

efdevcon · Oct 29, 2024 · 4040b45 · 4040b45
1 parent 49263fd
commit 4040b45
Show file tree

Hide file tree

Showing 6 changed files with 360 additions and 377 deletions.
diff --git a/devcon-app/package.json b/devcon-app/package.json
@@ -24,9 +24,10 @@
     "@radix-ui/react-toast": "^1.2.1",
     "@react-three/drei": "^9.108.3",
     "@react-three/fiber": "^8.16.8",
-    "@reown/appkit-adapter-wagmi": "^1.0.1",
+    "@reown/appkit": "^1.2.0",
+    "@reown/appkit-adapter-wagmi": "^1.2.0",
     "@sentry/nextjs": "^7.13.0",
-    "@tanstack/react-query": "^5.56.2",
+    "@tanstack/react-query": "^5.59.16",
     "@tippyjs/react": "^4.2.6",
     "@types/three": "^0.166.0",
     "@types/web-push": "^3.6.3",
@@ -94,8 +95,8 @@
     "three": "^0.166.1",
     "three-orbit-controls": "^82.1.0",
     "unique-names-generator": "^4.7.1",
-    "viem": "^2.21.8",
-    "wagmi": "^2.12.12",
+    "viem": "^2.21.36",
+    "wagmi": "^2.12.25",
     "web-push": "^3.6.6",
     "webpack": "^5.89.0",
     "yarn": "^1.22.22",

diff --git a/devcon-app/src/components/common/card/CallToActionCard.tsx b/devcon-app/src/components/common/card/CallToActionCard.tsx
@@ -8,7 +8,7 @@ type CallToActionProps = {
   tag?: string
   children: any
   color?: 'orange' | 'purple' | 'blue'
-  BackgroundSvg: React.ElementType
+  BackgroundSvg: React.ElementType | any
   link: any
   linkText: string
   meta: string

diff --git a/devcon-app/src/components/common/snapshot/Snapshot.tsx b/devcon-app/src/components/common/snapshot/Snapshot.tsx
@@ -3,7 +3,7 @@ import css from './snapshot.module.scss'
 
 type SnapshotItem = {
   id?: string | number
-  Icon: React.ElementType
+  Icon: React.ElementType | any
   title: string | React.ReactElement
   left?: string
   right: string | React.ReactElement

diff --git a/devcon-app/src/components/wallet.tsx b/devcon-app/src/components/wallet.tsx
@@ -0,0 +1,32 @@
+'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>
+    </>
+  )
+}
diff --git a/devcon-app/src/pages/wallet.tsx b/devcon-app/src/pages/wallet.tsx
@@ -0,0 +1,11 @@
+import { TestWalletConnections } from 'components/wallet'
+
+const Index = () => {
+  return (
+    <div>
+      <h1>Wallet Test</h1>
+      <TestWalletConnections />
+    </div>
+  )
+}
+export default Index