From 06294fda72e3d97088b41facf5f6acddc7baa01d Mon Sep 17 00:00:00 2001 From: Alain Nicolas Date: Thu, 9 Jan 2025 18:37:34 +0100 Subject: [PATCH] feat(bridge-ui): Simplify the wallet connection modal (#509) * feat(bridge-ui): Simplify the wallet connection modal * Fix copy on metadata Co-authored-by: The Dark Jester Signed-off-by: Alain Nicolas --------- Signed-off-by: Alain Nicolas Co-authored-by: The Dark Jester --- bridge-ui/package.json | 11 +- bridge-ui/src/components/ConnectButton.tsx | 4 +- bridge-ui/src/config/wagmi.ts | 35 +- bridge-ui/src/contexts/web3.context.tsx | 28 +- pnpm-lock.yaml | 1200 ++++++++++++-------- 5 files changed, 758 insertions(+), 520 deletions(-) diff --git a/bridge-ui/package.json b/bridge-ui/package.json index 06af155cc..6712a0161 100644 --- a/bridge-ui/package.json +++ b/bridge-ui/package.json @@ -22,10 +22,11 @@ "dependencies": { "@consensys/linea-sdk": "0.3.0", "@headlessui/react": "2.1.9", - "@tanstack/react-query": "5.59.3", + "@tanstack/react-query": "5.62.16", "@wagmi/connectors": "5.1.15", - "@wagmi/core": "2.13.8", - "@web3modal/wagmi": "5.1.11", + "@wagmi/core": "2.16.3", + "@reown/appkit": "1.6.3", + "@reown/appkit-adapter-wagmi": "1.6.3", "clsx": "^2.1.1", "compare-versions": "6.1.1", "date-fns": "4.1.0", @@ -44,8 +45,8 @@ "sharp": "0.33.5", "swiper": "11.1.14", "tailwind-merge": "^2.5.3", - "viem": "2.21.19", - "wagmi": "2.12.17", + "viem": "2.22.4", + "wagmi": "2.14.6", "zustand": "4.5.4" }, "devDependencies": { diff --git a/bridge-ui/src/components/ConnectButton.tsx b/bridge-ui/src/components/ConnectButton.tsx index cf046d622..1c20f7494 100644 --- a/bridge-ui/src/components/ConnectButton.tsx +++ b/bridge-ui/src/components/ConnectButton.tsx @@ -1,4 +1,4 @@ -import { useWeb3Modal } from "@web3modal/wagmi/react"; +import { useAppKit } from "@reown/appkit/react"; import { cn } from "@/utils/cn"; import { Button } from "./ui"; @@ -7,7 +7,7 @@ type ConnectButtonProps = { }; export default function ConnectButton({ fullWidth }: ConnectButtonProps) { - const { open } = useWeb3Modal(); + const { open } = useAppKit(); return (