multiple addresses

worldcoin · May 22, 2024 · e54b1b9 · e54b1b9
1 parent c7504ac
commit e54b1b9
Showing 1 changed file with 59 additions and 18 deletions.
diff --git a/demo/with-next/components/ClientContent/Pay.tsx b/demo/with-next/components/ClientContent/Pay.tsx
@@ -81,22 +81,25 @@ export const Pay = () => {
     };
   }, []);
 
-  const onPayClick = useCallback(async (token: Tokens, amount: number) => {
-    const tokenAmount = tokenToDecimals(amount, token);
-
-    const payPayload: PayCommandInput = {
-      to: "0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045",
-      token_amount: tokenAmount,
-      token: token,
-      description: "Test example payment for minikit",
-      reference: new Date().toISOString(),
-    };
-
-    const payload = MiniKit.commands.pay(payPayload);
-    setSentPayPayload({
-      payload,
-    });
-  }, []);
+  const onPayClick = useCallback(
+    async (token: Tokens, amount: number, address: string) => {
+      const tokenAmount = tokenToDecimals(amount, token);
+
+      const payPayload: PayCommandInput = {
+        to: address,
+        token_amount: tokenAmount,
+        token: token,
+        description: "Test example payment for minikit",
+        reference: new Date().toISOString(),
+      };
+
+      const payload = MiniKit.commands.pay(payPayload);
+      setSentPayPayload({
+        payload,
+      });
+    },
+    []
+  );
 
   return (
     <div>
@@ -115,17 +118,55 @@ export const Pay = () => {
         <div className="grid grid-cols-2 gap-x-4">
           <button
             className="bg-black text-white rounded-lg p-4 w-full"
-            onClick={() => onPayClick(Tokens.USDC, 0.1)}
+            onClick={() =>
+              onPayClick(
+                Tokens.USDC,
+                0.1,
+                "0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045"
+              )
+            }
           >
             Send pay (USDC)
           </button>
           <button
             className="bg-black text-white rounded-lg p-4 w-full"
-            onClick={() => onPayClick(Tokens.WLD, 0.1)}
+            onClick={() =>
+              onPayClick(
+                Tokens.WLD,
+                0.1,
+                "0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045"
+              )
+            }
           >
             Send pay (WLD)
           </button>
         </div>
+        <div className="grid grid-cols-2 gap-x-4">
+          <button
+            className="bg-black text-white rounded-lg p-4 w-full"
+            onClick={() =>
+              onPayClick(
+                Tokens.USDC,
+                0.1,
+                "0xc2eD884aEa29135AcaB517c0967225Bf15DeA6E9"
+              )
+            }
+          >
+            Send pay (USDC) Addr 2
+          </button>
+          <button
+            className="bg-black text-white rounded-lg p-4 w-full"
+            onClick={() =>
+              onPayClick(
+                Tokens.WLD,
+                0.1,
+                "0xc2eD884aEa29135AcaB517c0967225Bf15DeA6E9"
+              )
+            }
+          >
+            Send pay (WLD) Addr 2
+          </button>
+        </div>
       </div>
 
       <hr />