Skip to content

Commit ad305f0

Browse files
authored
Improve README
1 parent c149834 commit ad305f0

File tree

1 file changed

+6
-4
lines changed

1 file changed

+6
-4
lines changed

README.md

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -122,10 +122,11 @@ to get a checkoutUrl to pass to the SDK.
122122

123123
To use the library without React context, import the `ShopifyCheckoutSheet`
124124
class from the package and instantiate it. We recommend to instantiating the
125-
class at a high level in your application, and exporting it for use throughout
125+
class at a relatively high level in your application, and exporting it for use throughout
126126
your app.
127127

128128
```tsx
129+
// shopify.ts
129130
import {ShopifyCheckoutSheet} from '@shopify/checkout-sheet-kit';
130131

131132
export const shopifyCheckout = new ShopifyCheckoutSheet({
@@ -158,10 +159,11 @@ Here's an example of how to get started with Apollo:
158159

159160
```tsx
160161
import {ApolloClient, gql, ApolloProvider} from '@apollo/client';
162+
import {STOREFRONT_NAME, STOREFRONT_ACCESS_TOKEN} from '@env';
161163

162164
// Create a new instance of the ApolloClient
163165
const client = new ApolloClient({
164-
uri: `https://your-storefront.myshopify.com/api/2023-10/graphql.json`,
166+
uri: `https://${STOREFRONT_NAME}.myshopify.com/api/2024-01/graphql.json`,
165167
headers: {
166168
'X-Shopify-Storefront-Access-Token': STOREFRONT_ACCESS_TOKEN,
167169
},
@@ -327,7 +329,7 @@ behavior can be customized via the `colorScheme` property:
327329
| ----------- | ------- | ------------------------------------------------------------------------------------------------ |
328330
| `automatic` | ✔ | Alternates between an idiomatic light and dark theme - depending on the users device preference. |
329331
| `light` | | Force the idomatic light theme. |
330-
| `dark` | | Force the idomatic light theme. |
332+
| `dark` | | Force the idomatic dark theme. |
331333
| `web` | | Force your storefront web theme, as rendered by a mobile browser. |
332334

333335
#### `colors`
@@ -563,4 +565,4 @@ see [guidelines and instructions](.github/CONTRIBUTING.md). See
563565

564566
### License
565567

566-
Checkout Kit is provided under an [MIT License](LICENSE).
568+
Shopify's Checkout Sheet Kit is provided under an [MIT License](LICENSE).

0 commit comments

Comments
 (0)