mumbai deployment and hook fixes

hardhat.config.js

@@ -28,7 +28,7 @@ module.exports = {
       accounts:[`${process.env.PRIVATE_KEY}`],
     },
     mumbai: {
-      url: `${process.env.MUMBAI_INFURA_URL}`,
+      url: `${process.env.MUMBAI_ENDPOINT}`,
       accounts:[`${process.env.PRIVATE_KEY}`],
     },
   },

pages/provenances/[provenance]/release-provenance.js

@@ -218,7 +218,7 @@ const ReleaseProvenance = () => {
               <h2>
                 Step 1: Approve This Token For Transfer{" "}
                 {tokenApproved ? (
-                  <Image src={greenCheckMark.src} height="20px" />
+                  <Image alt="green checkmark" src={greenCheckMark.src} height="20px" />
                 ) : null}
               </h2>
             </Row>

pages/register-item/RegisterItem.jsx

@@ -1,4 +1,4 @@
-import { useState, useEffect, useReducer } from "react";
+import { useState, useEffect, useReducer, useMemo } from "react";
 //import { Routes, Route, Link, useNavigate } from "react-router-dom";
 import { ethers } from "ethers";
 
@@ -81,6 +81,7 @@ const RegisterItem = () => {
   const { MothershipContract, TokenContract } = useContractContext();
   const { stringToBytes32 } = useItemContext();
 
+
   const {
     items,
     setItems,
@@ -211,7 +212,7 @@ const RegisterItem = () => {
 
   //check if token has been used in a Provenance
   const UserTokens = () => {
-    let provenanceTokens = [];
+    const provenanceTokens = useMemo(() => [], []);
     let unusedTokens = [];
 
     useEffect(() => {

src/context/ContractContext.js

@@ -26,13 +26,13 @@ export function ContractContextProvider({ children }) {
   //   const { MothershipContract, TokenContract } = useContractObjectRepo()
 
   const { provider, modalProvider, signer } = useUserContext();
-  // console.log(signer, "top signer check")
+
 
   const [MothershipContract, setMothershipContract] = useState("");
   const [TokenContract, setTokenContract] = useState("");
 
   //need to adjust this hook for non-Ethereum
-  useEffect(async () => {
+  useEffect(() => {
     contractObjects();
 
     async function contractObjects() {

src/context/TransferContext.js

@@ -19,7 +19,7 @@ export function TransferContextProvider({ children }) {
   const [pendingTransferContracts, setPendingTransferContracts] = useState();
 
   //load all pending transfers
-  useEffect(async () => {
+  useEffect(() => {
     if (MothershipContract) {
       populateTransfers()
         .then((result) => console.log(result, "transfer populate result"))
@@ -56,7 +56,7 @@ export function TransferContextProvider({ children }) {
       setPendingTransferContracts(transferArray);
       // setTransferInitiated(false)
     }
-  }, [MothershipContract, mainAccount]);
+  }, [MothershipContract, mainAccount, signer]);
 
   const state = {
     pendingTransferContracts,

src/context/UserContext.js

@@ -1,5 +1,5 @@
 // src/context/state.js
-import { createContext, useContext, useEffect, useState } from "react";
+import { createContext, useContext, useEffect, useState, useCallback } from "react";
 // import { networkParams } from "./networks";
 import { toHex, truncateAddress } from "../hooks/utils";
 import { ethers } from "ethers";
@@ -25,7 +25,7 @@ export function UserContextProvider({ children }) {
 
   //set web3Modal instance
 
-  useEffect(async () => {
+  useEffect(() => {
     loadModal();
     // console.log("load modal firing")
 
@@ -38,14 +38,7 @@ export function UserContextProvider({ children }) {
     }
   }, []);
 
-  //connect page on reload
-  useEffect(async () => {
-    if (web3Modal && web3Modal.cachedProvider) {
-      connectWallet();
-    }
-  }, [web3Modal]);
-
-  const connectWallet = async () => {
+  const connectWallet = useCallback(async() => {
     try {
       const modalProvider = await web3Modal.connect();
       const provider = new ethers.providers.Web3Provider(modalProvider);
@@ -67,7 +60,16 @@ export function UserContextProvider({ children }) {
       );
       console.error(error, "connect error");
     }
-  };
+  },[web3Modal]);
+
+  //connect page on reload
+  useEffect(() => {
+    if (web3Modal && web3Modal.cachedProvider) {
+      connectWallet();
+    }
+  }, [web3Modal, connectWallet]);
+
+
 
   const handleNetwork = (e) => {
     const id = e.target.value;
@@ -108,11 +110,11 @@ export function UserContextProvider({ children }) {
     setNetwork("");
   };
 
-  const disconnect = async () => {
+  const disconnect = useCallback(async () => {
     await web3Modal.clearCachedProvider();
     refreshState();
     console.log("disconnect");
-  };
+  },[web3Modal]);
 
   //EVENT LISTENERS
 
@@ -148,7 +150,7 @@ export function UserContextProvider({ children }) {
         }
       };
     }
-  }, [modalProvider]);
+  }, [modalProvider, disconnect, error]);
 
   const ipfsGetterRootURL = "https://gateway.pinata.cloud/ipfs/";
   const date = new Date();

src/deployedContractAddresses/deployed.txt

@@ -0,0 +1,2 @@
+#mumbai
+token=0x62737d2A21aAc79826AEf1CBd52B3Ae2641d8bF1

src/deployedContractAddresses/instrumenttokenaddress.json

@@ -1 +1 @@
-{ "address": "0x5FbDB2315678afecb367f032d93F642f64180aa3" }
+{ "address": "0x62737d2A21aAc79826AEf1CBd52B3Ae2641d8bF1" }

src/deployedContractAddresses/mothershipaddress.json

@@ -1 +1 @@
-{ "address": "0xe7f1725E7734CE288F8367e1Bb143E90bb3F0512" }
+{ "address": "0x88550a5d951f5717Ec259659Ed9A6D18544eA9B5" }