From a01d17e07cdbe483b065cbb8144e4fb1132ada21 Mon Sep 17 00:00:00 2001
From: Maxwell Fortney <maxwell@paella.dev>
Date: Wed, 13 Sep 2023 23:50:46 -0400
Subject: [PATCH] testing page

---
 .../nextjs-starter/pages/payment-element.tsx  | 46 +++++++++++++------
 1 file changed, 31 insertions(+), 15 deletions(-)

diff --git a/packages/starter/nextjs-starter/pages/payment-element.tsx b/packages/starter/nextjs-starter/pages/payment-element.tsx
index 50745547f..b44e5a3ad 100644
--- a/packages/starter/nextjs-starter/pages/payment-element.tsx
+++ b/packages/starter/nextjs-starter/pages/payment-element.tsx
@@ -1,22 +1,38 @@
+import { useState } from "react";
+
 import { CrossmintPaymentElement } from "@crossmint/client-sdk-react-ui";
 
 export default function PaymentElementPage() {
+    const [count, setCount] = useState(1);
+
     return (
-        <CrossmintPaymentElement
-            environment="https://crossmint-main-git-checkout-embedded-new-element-p2-crossmint.vercel.app"
-            clientId="db218e78-d042-4761-83af-3c4e5e6659dd"
-            mintConfig={{ totalPrice: "0.001", quantity: "1" }}
-            recipient={{ wallet: "0xdC9bb9929b79b62d630A7C3568c979a2843eFd8b" }}
-            paymentMethod="ETH"
-            signer={{
-                address: "0xdC9bb9929b79b62d630A7C3568c979a2843eFd8b",
-                signAndSendTransaction: async (tx) => {
-                    return "0x1234";
-                },
-            }}
-            onEvent={(event) => {
-                console.log(event);
+        <div
+            style={{
+                display: "flex",
+                flexDirection: "column",
+                width: "100%",
+                gap: "20px",
             }}
-        />
+        >
+            <button onClick={() => setCount(count + 1)}>Increment count: {count}</button>
+            <CrossmintPaymentElement
+                environment="https://crossmint-main-git-checkout-embedded-new-element-p3-crossmint.vercel.app"
+                clientId="db218e78-d042-4761-83af-3c4e5e6659dd"
+                recipient={{ wallet: "maxfQWBno84Zfu4sXgmjYvsvLn4LzGFSgSkFMFuzved" }}
+                mintConfig={{
+                    testCount: count,
+                }}
+                paymentMethod="ETH"
+                signer={{
+                    address: "0xdC9bb9929b79b62d630A7C3568c979a2843eFd8b",
+                    signAndSendTransaction: async (tx) => {
+                        return "0x1234";
+                    },
+                }}
+                onEvent={(event) => {
+                    console.log(event);
+                }}
+            />
+        </div>
     );
 }