Merge pull request #205 from celo-org/therealharpaljadeja/react-app-wcv2

feat: upgrade `rainbowkit-celo`
celo-org · Jul 3, 2023 · e20ee95 · e20ee95
2 parents 1d170d3 + 71943c3
commit e20ee95
Show file tree

Hide file tree

Showing 9 changed files with 13 additions and 133 deletions.
diff --git a/packages/react-app/chains/alfajores.ts b/packages/react-app/chains/alfajores.ts
diff --git a/packages/react-app/chains/celo.ts b/packages/react-app/chains/celo.ts
diff --git a/packages/react-app/chains/index.ts b/packages/react-app/chains/index.ts
diff --git a/packages/react-app/lists/index.ts b/packages/react-app/lists/index.ts
diff --git a/packages/react-app/package.json b/packages/react-app/package.json
@@ -9,6 +9,7 @@
         "lint": "next lint"
     },
     "dependencies": {
+        "@celo/rainbowkit-celo": "^1.0.1",
         "@headlessui/react": "^1.7.14",
         "@heroicons/react": "^2.0.18",
         "@rainbow-me/rainbowkit": "^1.0.2",

diff --git a/packages/react-app/pages/_app.tsx b/packages/react-app/pages/_app.tsx
@@ -1,23 +1,25 @@
 import type { AppProps } from "next/app";
-import { RainbowKitProvider, getDefaultWallets } from "@rainbow-me/rainbowkit";
+import { RainbowKitProvider } from "@rainbow-me/rainbowkit";
 import { configureChains, createConfig, WagmiConfig } from "wagmi";
+import celoGroups from "@celo/rainbowkit-celo/lists";
 import Layout from "../components/Layout";
 import "../styles/globals.css";
 import "@rainbow-me/rainbowkit/styles.css";
 import { publicProvider } from "wagmi/providers/public";
+import { Alfajores, Celo } from "@celo/rainbowkit-celo/chains";
 
-import { Alfajores, Celo } from "@/chains";
 const projectId = process.env.NEXT_PUBLIC_WC_PROJECT_ID as string; // get one at https://cloud.walletconnect.com/app
 
 const { chains, publicClient } = configureChains(
     [Celo, Alfajores],
     [publicProvider()]
 );
 
-const { connectors } = getDefaultWallets({
-    appName: "Celo Composer",
-    projectId,
+const connectors = celoGroups({
     chains,
+    projectId,
+    appName:
+        (typeof document === "object" && document.title) || "Your App Name",
 });
 
 const appInfo = {

diff --git a/packages/react-app/wallets/index.ts b/packages/react-app/wallets/index.ts
diff --git a/packages/react-app/wallets/valora.ts b/packages/react-app/wallets/valora.ts
diff --git a/packages/react-app/yarn.lock b/packages/react-app/yarn.lock
@@ -19,6 +19,11 @@
   dependencies:
     regenerator-runtime "^0.13.11"
 
+"@celo/rainbowkit-celo@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@celo/rainbowkit-celo/-/rainbowkit-celo-1.0.1.tgz#6d07481e7bce43a4d27d936c724f0cd3e49b8c2d"
+  integrity sha512-YijnvUyOd3qNDjsb/GYedQa/SydJTePubILirMGDZu9F79s9GqMlZkWfki5cyRgZAtONeTYKs7G7fP9w6stD/A==
+
 "@coinbase/wallet-sdk@^3.6.6":
   version "3.6.6"
   resolved "https://registry.yarnpkg.com/@coinbase/wallet-sdk/-/wallet-sdk-3.6.6.tgz#4a0758fe0fe0ba3ed7e33b5bb6eb094ff8bd6c98"