update for examples

sygmaprotocol · Jan 16, 2023 · 5b6521e · 5b6521e
1 parent 1aa966c
commit 5b6521e
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 237 deletions.
diff --git a/examples/erc20-react-example/src/App.tsx b/examples/erc20-react-example/src/App.tsx
@@ -198,14 +198,15 @@ function App(): JSX.Element {
     if (
       metaIsConnected &&
       sygmaInstance !== undefined &&
-      sygmaInstance.bridgeSetup
+      sygmaInstance.bridgeSetup &&
+      isReady
     ) {
       void handleConnect();
       void getAccountData(sygmaInstance);
       setValue("from", sygmaInstance.bridgeSetup?.chain1.domainId);
       setValue("to", sygmaInstance.bridgeSetup?.chain2.domainId);
     }
-  }, [metaIsConnected]);
+  }, [metaIsConnected, sygmaInstance, isReady]);
 
   const submit = async (values: {
     amount: string;
@@ -265,10 +266,10 @@ function App(): JSX.Element {
     if (!metaIsConnected) {
       return window.ethereum
         .request({ method: "eth_requestAccounts" })
-        .then((r) => {
-          console.log("request to unlock metamask", r);
+        .then((result) => {
+          console.log("request to unlock metamask", result);
 
-          const [addr] = r as string[];
+          const [addr] = result as string[];
           setMetaIsConnected(true);
           if (accountData) {
             accountData.address = addr;
@@ -363,7 +364,7 @@ function App(): JSX.Element {
         <>
           <form
             action=""
-            onSubmit={void handleSubmit(submit)}
+            onSubmit={(...args) => void handleSubmit(submit)(...args)}
             style={{
               display: "flex",
               flexDirection: "column",

diff --git a/examples/erc721-react-example/src/App.tsx b/examples/erc721-react-example/src/App.tsx
@@ -201,14 +201,15 @@ function App(): JSX.Element {
     if (
       metaIsConnected &&
       sygmaInstance !== undefined &&
-      sygmaInstance.bridgeSetup
+      sygmaInstance.bridgeSetup &&
+      isReady
     ) {
       void handleConnect();
       void getAccountData(sygmaInstance);
       setValue("from", sygmaInstance.bridgeSetup?.chain1.domainId);
       setValue("to", sygmaInstance.bridgeSetup?.chain2.domainId);
     }
-  }, [metaIsConnected]);
+  }, [metaIsConnected, sygmaInstance, isReady]);
 
   const submit = async (values: {
     amount: string;
@@ -268,9 +269,9 @@ function App(): JSX.Element {
     if (!metaIsConnected) {
       return window.ethereum
         .request({ method: "eth_requestAccounts" })
-        .then((r) => {
-          console.log("request to unlock metamask", r);
-          const [addr] = r as string[];
+        .then((result) => {
+          console.log("request to unlock metamask", result);
+          const [addr] = result as string[];
           setMetaIsConnected(true);
           if (accountData) {
             accountData.address = addr;
@@ -365,7 +366,7 @@ function App(): JSX.Element {
         <>
           <form
             action=""
-            onSubmit={void handleSubmit(submit)}
+            onSubmit={(...args) => void handleSubmit(submit)(...args)}
             style={{
               display: "flex",
               flexDirection: "column",