test coinbase apple pay

packages/keychain/src/components/purchasenew/checkout/onchain/index.tsx

@@ -42,7 +42,7 @@ export function OnchainCheckout() {
     incrementQuantity,
     decrementQuantity,
     onOnchainPurchase,
-    onSendDeposit,
+    //onSendDeposit,
   } = useOnchainPurchaseContext();
 
   const [isLoading, setIsLoading] = useState(false);
@@ -195,16 +195,26 @@ export function OnchainCheckout() {
 
             <QuantityControls
               quantity={quantity}
-              isLoading={isLoading}
               isSendingDeposit={isSendingDeposit}
               globalDisabled={globalDisabled}
               hasSufficientBalance={hasSufficientBalance}
-              bridgeFrom={bridgeFrom}
               onIncrement={incrementQuantity}
               onDecrement={decrementQuantity}
-              onPurchase={handlePurchase}
-              onBridge={onSendDeposit}
-            />
+            >
+              <iframe
+                src="https://pay.coinbase.com/v2/api-onramp/apple-pay?sessionToken=MWYwZDc4YzYtYzRjOC02NzNlLWFiOWQtNmEyMzg1ODBlYzg2&useApplePaySandbox=true"
+                className="w-full h-12 border-0"
+                allow="payment"
+              />
+              {/* <Button
+                className="w-full"
+                isLoading={isLoading || isSendingDeposit}
+                disabled={globalDisabled}
+                onClick={bridgeFrom !== null ? onSendDeposit : handlePurchase}
+              >
+                {bridgeFrom ? "Bridge" : `Buy ${quantity}`}
+              </Button> */}
+            </QuantityControls>
           </>
         )}
       </LayoutFooter>

packages/keychain/src/components/purchasenew/checkout/onchain/quantity.tsx

@@ -1,31 +1,25 @@
 import { Button, MinusIcon, PlusIcon } from "@cartridge/ui";
+import { ReactNode } from "react";
 
 interface QuantityControlsProps {
   quantity: number;
-  isLoading: boolean;
   isSendingDeposit: boolean;
   globalDisabled: boolean;
   hasSufficientBalance: boolean;
-  bridgeFrom: string | null;
   onIncrement: () => void;
   onDecrement: () => void;
-  onPurchase: () => void;
-  onBridge: () => void;
+  children: ReactNode;
 }
 
 export function QuantityControls({
   quantity,
-  isLoading,
   isSendingDeposit,
   globalDisabled,
   hasSufficientBalance,
-  bridgeFrom,
   onIncrement,
   onDecrement,
-  onPurchase,
-  onBridge,
+  children,
 }: QuantityControlsProps) {
-  const purchaseLabel = bridgeFrom ? "Bridge" : `Buy ${quantity}`;
   const isQuantityDisabled =
     (globalDisabled && hasSufficientBalance) || isSendingDeposit;
 
@@ -45,14 +39,7 @@ export function QuantityControls({
       >
         <PlusIcon size="xs" variant="solid" />
       </Button>
-      <Button
-        className="w-full"
-        isLoading={isLoading || isSendingDeposit}
-        disabled={globalDisabled}
-        onClick={bridgeFrom !== null ? onBridge : onPurchase}
-      >
-        {purchaseLabel}
-      </Button>
+      {children}
     </div>
   );
 }