set up success url

dayhaysoos · Feb 12, 2020 · 7537e83 · 7537e83
1 parent dec44a1
commit 7537e83
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 7 deletions.
diff --git a/examples/non-profit-site/gatsby-config.js b/examples/non-profit-site/gatsby-config.js
@@ -8,6 +8,7 @@ module.exports = {
       resolve: 'gatsby-theme-stripe-non-profit',
       options: {
         stripePublicKey: process.env.STRIPE_API_PUBLIC,
+        successUrl: 'https://gatsbyjs.com',
       },
     },
   ],

diff --git a/packages/gatsby-theme-stripe-non-profit/package.json b/packages/gatsby-theme-stripe-non-profit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gatsby-theme-stripe-non-profit",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "author": {
     "name": "Nick DeJesus",
     "url": "https://www.twitter.com/dayhaysoos",

diff --git a/packages/gatsby-theme-stripe-non-profit/src/context/donate.js b/packages/gatsby-theme-stripe-non-profit/src/context/donate.js
@@ -26,12 +26,13 @@ const reducer = (donate, action) => {
 
 const DonateContext = createContext()
 
-export const DonateProvider = ({ children, stripe }) => (
+export const DonateProvider = ({ children, stripe, successUrl }) => (
   <DonateContext.Provider
     value={useReducer(reducer, {
       lastClicked: {},
       isPaying: false,
       stripe,
+      successUrl,
     })}
   >
     {children}
@@ -40,22 +41,20 @@ export const DonateProvider = ({ children, stripe }) => (
 
 export const useDonate = () => {
   const [donate, dispatch] = useContext(DonateContext)
-  const { stripe } = donate
-
-  const { lastClicked, isPaying } = donate
+  const { stripe, lastClicked, isPaying, successUrl } = donate
 
   const redirectToPlanCheckout = async () => {
     const { error } = await stripe.redirectToCheckout({
       items: [{ plan: lastClicked.lastClickedItem, quantity: 1 }],
-      successUrl: `http://localhost:8000/`,
+      successUrl: successUrl,
       cancelUrl: `http://localhost:8000/`,
     })
   }
 
   const redirectToSkuCheckout = async sku => {
     const { error } = await stripe.redirectToCheckout({
       items: [{ sku: sku.lastClickedItem, quantity: 1 }],
-      successUrl: `http://localhost:8000/`,
+      successUrl: successUrl,
       cancelUrl: `http://localhost:8000/`,
     })
   }

diff --git a/packages/gatsby-theme-stripe-non-profit/src/pages/thank-you.js b/packages/gatsby-theme-stripe-non-profit/src/pages/thank-you.js
@@ -0,0 +1,6 @@
+/** @jsx jsx */
+import { jsx } from 'theme-ui'
+
+const ThankYou = () => <h1>Thank you</h1>
+
+export default ThankYou