add chain to contract calls

zkfairdomains · Feb 3, 2024 · 0f4be37 · 0f4be37
1 parent bcf1646
commit 0f4be37
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 11 deletions.
diff --git a/src/components/Register.js b/src/components/Register.js
@@ -13,6 +13,7 @@ import { GET_DOMAIN } from "../graphql/Domain";
 import { CountdownCircleTimer } from 'react-countdown-circle-timer'
 import { getDateSimple, getExpires, getOneYearDuration, getTimeAgo, getTokenId, obscureLabel, obscureName } from "../helpers/String";
 import { getBalance } from '@wagmi/core'
+import { goerli, zkFair } from 'wagmi/chains'
 
 class Register extends Component {
 
@@ -71,7 +72,8 @@ class Register extends Component {
                 address: process.env.REACT_APP_ZKFREGISTERCONTROLLER,
                 functionName: "makeCommitment",
                 args: [ this.props.name, this.props.owner, this.getDuration(), secret, this.resolver, this.data, this.reverseRecord ],
-                account: this.props.owner
+                account: this.props.owner,
+                chainId: process.env.REACT_APP_NODE_ENV === "production" ? zkFair.id: goerli.id
             });
 
             console.log("make: "+ _commitment)
@@ -88,7 +90,8 @@ class Register extends Component {
                 address: process.env.REACT_APP_ZKFREGISTERCONTROLLER,
                 functionName: "commitments",
                 args: [ _commitment ],
-                account: this.props.owner
+                account: this.props.owner,
+                chainId: process.env.REACT_APP_NODE_ENV === "production" ? zkFair.id: goerli.id
             });
 
             console.log("Result: "+ result  );
@@ -138,9 +141,7 @@ class Register extends Component {
                 functionName: "commit",
                 args: [ this.state.commitment ],
                 account: this.props.owner,
-                onError: (e)=> { 
-                    toast.error(e.message);
-                }
+                chainId: process.env.REACT_APP_NODE_ENV === "production" ? zkFair.id: goerli.id
             });
 
 
@@ -182,7 +183,8 @@ class Register extends Component {
                 functionName: "register",
                 args: [ this.props.name, this.props.owner, this.getDuration(), this.state.secret, this.resolver, this.data, this.reverseRecord ],
                 account: this.props.owner,
-                value: this.state.price
+                value: this.state.price,
+                chainId: process.env.REACT_APP_NODE_ENV === "production" ? zkFair.id: goerli.id
             });
 
             toast.success("Your transaction has been sent.");
@@ -215,7 +217,8 @@ class Register extends Component {
                 address: process.env.REACT_APP_ZKFREGISTERCONTROLLER,
                 functionName: 'available',
                 args: [this.props.name],
-                account: this.props.owner
+                account: this.props.owner,
+                chainId: process.env.REACT_APP_NODE_ENV === "production" ? zkFair.id: goerli.id
             });
 
             this.setState({ isAvailablePending: false });
@@ -273,7 +276,8 @@ class Register extends Component {
                 address: process.env.REACT_APP_ZKFREGISTERCONTROLLER,
                 functionName: 'rentPrice',
                 args: [this.props.name, this.getDuration()],
-                account: this.props.owner
+                account: this.props.owner,
+                chainId: process.env.REACT_APP_NODE_ENV === "production" ? zkFair.id: goerli.id
             });
 
             console.log(_price)

diff --git a/src/components/RenewModal.js b/src/components/RenewModal.js
@@ -10,6 +10,7 @@ import { Modal } from "react-bootstrap";
 import {  } from "@apollo/client";
 import { getExpires, getTimeAgo, obscureName } from "../helpers/String";
 import { getBalance } from '@wagmi/core'
+import { goerli, zkFair } from 'wagmi/chains'
 
 class RenewModal extends Component {
 
@@ -55,7 +56,8 @@ class RenewModal extends Component {
                 functionName: "renew",
                 args: [ this.props.domain.labelName, this.getDuration() ],
                 account: this.props.owner,
-                value: this.state.price
+                value: this.state.price,
+                chainId: process.env.REACT_APP_NODE_ENV === "production" ? zkFair.id: goerli.id
             });
 
             toast.success("Your transaction has been sent.");
@@ -91,7 +93,7 @@ class RenewModal extends Component {
     }
 
     async handlePrice() {
-        console.log("handlePrice")
+        console.log("handlePrice Renew")
         let _price = false; 
 
         try { 
@@ -103,7 +105,8 @@ class RenewModal extends Component {
                 address: process.env.REACT_APP_ZKFREGISTERCONTROLLER,
                 functionName: 'rentPrice',
                 args: [this.props.domain.labelName, this.getDuration()],
-                account: this.props.owner
+                account: this.props.owner,
+                chainId: process.env.REACT_APP_NODE_ENV === "production" ? zkFair.id: goerli.id
             });
 
             console.log(_price) 
@@ -124,6 +127,7 @@ class RenewModal extends Component {
 
             const balance = await getBalance(wagmiConfig, {
                 address: this.props.owner, 
+                chainId: process.env.REACT_APP_NODE_ENV === "production" ? zkFair.id: goerli.id
             });
 
             this.setState({ isGettingBalance : false, balance: balance.value });