From 3ce6bd2c53d5d8b72ee52d2618adbb34aede5003 Mon Sep 17 00:00:00 2001 From: Harman-singh-waraich Date: Wed, 29 Jan 2025 17:43:20 +0530 Subject: [PATCH 01/43] chore(web): migrate-to-reown --- web/package.json | 9 +- web/src/components/ConnectWallet/index.tsx | 6 +- web/src/consts/chains.ts | 8 +- web/src/consts/eip712-messages.ts | 5 +- web/src/context/Web3Provider.tsx | 45 +- web/src/pages/GetPnk/WalletProvider.tsx | 34 +- yarn.lock | 1189 +++++++++++++------- 7 files changed, 826 insertions(+), 470 deletions(-) diff --git a/web/package.json b/web/package.json index f66046761..b5a8b9de4 100644 --- a/web/package.json +++ b/web/package.json @@ -79,6 +79,7 @@ "vite-tsconfig-paths": "^4.3.2" }, "dependencies": { + "@bigmi/react": "^0.1.0", "@cyntler/react-doc-viewer": "^1.17.0", "@graphql-tools/batch-execute": "^9.0.11", "@graphql-tools/utils": "^10.7.2", @@ -86,15 +87,17 @@ "@kleros/kleros-sdk": "workspace:^", "@kleros/kleros-v2-contracts": "workspace:^", "@kleros/ui-components-library": "^2.20.0", - "@lifi/wallet-management": "^3.4.6", - "@lifi/widget": "^3.12.3", + "@lifi/wallet-management": "^3.6.0", + "@lifi/widget": "^3.14.2", + "@reown/appkit": "^1.6.5", + "@reown/appkit-adapter-wagmi": "^1.6.5", "@sentry/react": "^7.120.0", "@sentry/tracing": "^7.120.0", + "@solana/wallet-adapter-react": "^0.15.35", "@tanstack/react-query": "^5.62.2", "@types/react-modal": "^3.16.3", "@wagmi/connectors": "^5.5.0", "@wagmi/core": "^2.15.0", - "@web3modal/wagmi": "^4.2.3", "@yornaath/batshit": "^0.9.0", "chart.js": "^3.9.1", "chartjs-adapter-moment": "^1.0.1", diff --git a/web/src/components/ConnectWallet/index.tsx b/web/src/components/ConnectWallet/index.tsx index 81d5b5639..9ee45d67e 100644 --- a/web/src/components/ConnectWallet/index.tsx +++ b/web/src/components/ConnectWallet/index.tsx @@ -1,6 +1,6 @@ import React, { useCallback } from "react"; -import { useWeb3Modal, useWeb3ModalState } from "@web3modal/wagmi/react"; +import { useAppKit, useAppKitState } from "@reown/appkit/react"; import { useAccount, useSwitchChain } from "wagmi"; import { Button } from "@kleros/ui-components-library"; @@ -35,8 +35,8 @@ export const SwitchChainButton: React.FC<{ className?: string }> = ({ className }; const ConnectButton: React.FC<{ className?: string }> = ({ className }) => { - const { open } = useWeb3Modal(); - const { open: isOpen } = useWeb3ModalState(); + const { open } = useAppKit(); + const { open: isOpen } = useAppKitState(); return (