feat(celo): add celo support to frontend

hypercerts-org · Oct 23, 2023 · 882dfc7 · 882dfc7
1 parent 052f501
commit 882dfc7
Show file tree

Hide file tree

Showing 6 changed files with 143 additions and 22 deletions.
diff --git a/defender/package.json b/defender/package.json
@@ -10,7 +10,7 @@
     "deploy:test": "pnpm build && pnpm setup:test",
     "deploy:prod": "pnpm build && pnpm setup:prod",
     "setup:test": "npx tsx src/setup.ts TEST",
-    "setup:prod": "npx tsx src/setup.ts src/setup.ts PROD"
+    "setup:prod": "npx tsx src/setup.ts PROD"
   },
   "dependencies": {
     "@hypercerts-org/contracts": "0.8.11",

diff --git a/frontend/components/dapp-context.tsx b/frontend/components/dapp-context.tsx
@@ -31,14 +31,21 @@ import {
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import React, { ReactNode, useEffect } from "react";
-import { Chain, goerli, optimism, sepolia } from "viem/chains";
+import { celo, Chain, goerli, optimism, sepolia } from "viem/chains";
 import { configureChains, WagmiConfig, createConfig } from "wagmi";
 import { publicProvider } from "wagmi/providers/public";
 
+import {
+  Valora,
+  CeloWallet,
+  CeloTerminal,
+  MetaMask as CeloMetaMask,
+} from "@celo/rainbowkit-celo/wallets";
+
 const queryClient = new QueryClient();
 
 const TEST_CHAINS = [goerli, sepolia];
-const PROD_CHAINS = [optimism];
+const PROD_CHAINS = [optimism, celo];
 
 export const CHAINS = (isProduction ? PROD_CHAINS : TEST_CHAINS) as Chain[];
 
@@ -72,6 +79,16 @@ const connectors = connectorsForWallets([
       zerionWallet({ chains, projectId }),
     ],
   },
+  {
+    groupName: "Recommended with CELO",
+    wallets: [
+      Valora({ chains, projectId }),
+      CeloWallet({ chains, projectId }),
+      CeloTerminal({ chains, projectId }),
+      CeloMetaMask({ chains, projectId }),
+      walletConnectWallet({ projectId, chains }),
+    ],
+  },
   {
     groupName: "Injected",
     wallets: [injectedWallet({ chains })],

diff --git a/frontend/package.json b/frontend/package.json
@@ -19,12 +19,13 @@
   },
   "dependencies": {
     "@apollo/client": "^3.7.4",
+    "@celo/rainbowkit-celo": "^1.1.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@graphprotocol/client-cli": "^2.2.16",
     "@hypercerts-org/contracts": "0.8.11",
     "@hypercerts-org/observabletreemap": "workspace: *",
-    "@hypercerts-org/sdk": "0.8.10",
+    "@hypercerts-org/sdk": "0.8.16",
     "@mui/icons-material": "^5.11.9",
     "@mui/material": "^5.11.2",
     "@mui/x-date-pickers": "^5.0.12",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/sdk/package.json b/sdk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hypercerts-org/sdk",
-  "version": "0.8.14",
+  "version": "0.8.16",
   "description": "SDK for hypercerts protocol",
   "repository": "[email protected]:hypercerts-org/hypercerts.git",
   "author": "Hypercerts team",

diff --git a/sdk/src/utils/config.ts b/sdk/src/utils/config.ts
@@ -39,7 +39,7 @@ export const getConfig = (overrides: Partial<HypercertClientConfig>) => {
       unsafeForceOverrideConfig: overrides.unsafeForceOverrideConfig,
     };
   } else {
-    if (!chainId || [5, 10, 11155111].indexOf(chainId) === -1) {
+    if (!chainId || [5, 10, 42220, 11155111].indexOf(chainId) === -1) {
       throw new UnsupportedChainError(`chainId=${chainId} is not yet supported`, {
         chainID: chainId?.toString() || "undefined",
       });
@@ -87,6 +87,9 @@ const getChainConfig = (overrides: Partial<HypercertClientConfig>) => {
     case 10:
       chainName = "optimism-mainnet";
       break;
+    case 42220:
+      chainName = "celo";
+      break;
     case 11155111:
       chainName = "sepolia";
       break;