1084 sepolia guard (#1241)

* fix(app): only show on chain button on sepolia * fix(app): mock chains * fix(app): renaimg env var NEXT_PUBLIC_GITCOIN_VC_SCHEMA_ADDRESS => NEXT_PUBLIC_GITCOIN_VC_SCHEMA_UUID --------- Co-authored-by: Gerald Iakobinyi-Pich <nutrina@Geralds-Mac-mini-2.local>
passportxyz · May 9, 2023 · da3df10 · da3df10 · kaluram605 · May 10, 2023
1 parent 6dada48
commit da3df10
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 6 deletions.
diff --git a/app/.env-example.env b/app/.env-example.env
@@ -46,7 +46,7 @@ NEXT_PUBLIC_ALLO_SCORER_API_KEY=SCORER_API_KEY
 NEXT_PUBLIC_SCORER_ENDPOINT=http://localhost:8002/ceramic-cache
 
 NEXT_PUBLIC_GITCOIN_ATTESTER_CONTRACT_ADDRESS=0xc000000000000000000000000000000000000004
-NEXT_PUBLIC_GITCOIN_VC_SCHEMA_ADDRESS=0xc000000000000000000000000000000000000004
+NEXT_PUBLIC_GITCOIN_VC_SCHEMA_UUID=0xc000000000000000000000000000000000000004
 NEXT_PUBLIC_FF_CHAIN_SYNC=on
 
 NEXT_PUBLIC_ENABLE_TESTNET=on
diff --git a/app/__test-fixtures__/onboardHookValues.ts b/app/__test-fixtures__/onboardHookValues.ts
@@ -1,4 +1,5 @@
-import { Account, WalletState } from "@web3-onboard/core/dist/types";
+import { Account, ConnectedChain, WalletState } from "@web3-onboard/core/dist/types";
+import { sepoliaChainId } from "../utils/onboard";
 
 export const mockAddress = "0xmyAddress";
 export const mockAccount: Account = {
@@ -11,5 +12,11 @@ export const mockWallet: WalletState = {
   icon: "",
   provider: { on: jest.fn(), removeListener: jest.fn(), request: jest.fn() },
   accounts: [mockAccount],
-  chains: [],
+  chains: [
+    [
+      {
+        id: sepoliaChainId,
+      },
+    ] as unknown as ConnectedChain,
+  ],
 };
diff --git a/app/components/SyncToChainButton.tsx b/app/components/SyncToChainButton.tsx
@@ -43,7 +43,7 @@ const SyncToChainButton = () => {
           const { v, r, s } = data.signature;
 
           const transaction = await gitcoinAttesterContract.addPassportWithSignature(
-            process.env.NEXT_PUBLIC_GITCOIN_VC_SCHEMA_ADDRESS as string,
+            process.env.NEXT_PUBLIC_GITCOIN_VC_SCHEMA_UUID as string,
             data.passport,
             v,
             r,

diff --git a/app/pages/Dashboard.tsx b/app/pages/Dashboard.tsx
@@ -37,6 +37,7 @@ import { ExpiredStampModal } from "../components/ExpiredStampModal";
 import ProcessingPopup from "../components/ProcessingPopup";
 import SyncToChainButton from "../components/SyncToChainButton";
 import { getFilterName } from "../config/filters";
+import { sepoliaChainId } from "../utils/onboard";
 
 const isLiveAlloScoreEnabled = process.env.NEXT_PUBLIC_FF_LIVE_ALLO_SCORE === "on";
 const isOnChainSyncEnabled = process.env.NEXT_PUBLIC_FF_CHAIN_SYNC === "on";
@@ -257,7 +258,7 @@ export default function Dashboard() {
             </div>
           )}
 
-          {isOnChainSyncEnabled && (
+          {isOnChainSyncEnabled && wallet?.chains[0].id === sepoliaChainId && (
             <div className="mx-4">
               <SyncToChainButton />
             </div>

diff --git a/app/utils/onboard.ts b/app/utils/onboard.ts
@@ -15,6 +15,8 @@ const walletConnect = walletConnectModule();
 // Include ledger capabilities
 const ledger = ledgerModule();
 
+export const sepoliaChainId = "0xaa36a7";
+
 const chains = [
   {
     id: "0x1",
@@ -26,7 +28,7 @@ const chains = [
 
 if (process.env.NEXT_PUBLIC_ENABLE_TESTNET === "on") {
   chains.push({
-    id: "0xaa36a7",
+    id: sepoliaChainId,
     token: "ETH",
     label: "Sepolia",
     rpcUrl: process.env.NEXT_PUBLIC_PASSPORT_SEPOLIA_RPC_URL as string,