From 416c2cbae0e69b724876d232bf813eefd7550174 Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Fri, 11 Aug 2017 14:56:13 -0400
Subject: getting there

---
 components/TakeMyMoney.js | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 components/TakeMyMoney.js

(limited to 'components/TakeMyMoney.js')

diff --git a/components/TakeMyMoney.js b/components/TakeMyMoney.js
new file mode 100644
index 0000000..143f990
--- /dev/null
+++ b/components/TakeMyMoney.js
@@ -0,0 +1,31 @@
+import { Component } from 'react';
+import StripeCheckout from 'react-stripe-checkout';
+import { CREATE_ORDER_MUTATION } from '../queries';
+import { graphql } from 'react-apollo';
+
+
+class TakeMyMoney extends Component {
+  onToken = async (res) => {
+    const token = res.id;
+    console.log(`Going to make a purchase with ${token}`);
+    const charge = await this.props.createOrder({ variables: { token }});
+    alert(`Back from the charge! ${charge.id}`);
+    console.log(charge);
+
+  }
+  render() {
+    return (
+      // ...
+      <StripeCheckout
+        {...this.props}
+        token={this.onToken}
+        stripeKey="pk_lclTtThFp8CnO3QtEZSd8HA9mFUps"
+        currency="USD"
+      >
+        {this.props.children}
+      </StripeCheckout>
+    )
+  }
+}
+
+export default graphql(CREATE_ORDER_MUTATION, { name: 'createOrder' })(TakeMyMoney);
-- 
cgit v1.3