example-mobile--storefront--react-native/AcceleratedCheckoutCustomize.jsx at main · Shopify/example-mobile--storefront--react-native · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
// [START accelerated-checkouts.customize]
import React from 'react';
import {
  AcceleratedCheckoutButtons,
  AcceleratedCheckoutWallet,
} from '@shopify/checkout-sheet-kit';

function ShopPayOnly() {
  return (
    <AcceleratedCheckoutButtons
      cartID="gid://shopify/Cart/123"
      wallets={[AcceleratedCheckoutWallet.shopPay]}
    />
  );
}

function ApplePayOnly() {
  return (
    <AcceleratedCheckoutButtons
      cartID="gid://shopify/Cart/123"
      wallets={[AcceleratedCheckoutWallet.applePay]}
    />
  );
}

function BothWallets() {
  return (
    <AcceleratedCheckoutButtons
      cartID="gid://shopify/Cart/123"
      wallets={[
        AcceleratedCheckoutWallet.shopPay,
        AcceleratedCheckoutWallet.applePay,
      ]}
    />
  );
}

function CustomCornerRadius() {
  return (
    <AcceleratedCheckoutButtons
      cartID="gid://shopify/Cart/123"
      cornerRadius={16}
    />
  );
}

export { ShopPayOnly, ApplePayOnly, BothWallets, CustomCornerRadius };
// [END accelerated-checkouts.customize]