From 7af74ff8988961c988f03c95961b70c2918521ae Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Fri, 25 Aug 2017 09:33:53 -0400
Subject: yay

---
 components/TakeMyMoney.js | 38 +++++++++++++++++++++++++-------------
 1 file changed, 25 insertions(+), 13 deletions(-)

(limited to 'components/TakeMyMoney.js')

diff --git a/components/TakeMyMoney.js b/components/TakeMyMoney.js
index 143f990..d68cca1 100644
--- a/components/TakeMyMoney.js
+++ b/components/TakeMyMoney.js
@@ -1,31 +1,43 @@
 import { Component } from 'react';
 import StripeCheckout from 'react-stripe-checkout';
-import { CREATE_ORDER_MUTATION } from '../queries';
-import { graphql } from 'react-apollo';
+import { CREATE_ORDER_MUTATION, CURRENT_USER_QUERY } from '../queries';
+import { graphql, compose } from 'react-apollo';
 
 
 class TakeMyMoney extends Component {
   onToken = async (res) => {
     const token = res.id;
+    const userId = this.props.currentUserQuery.user.id;
+    const itemId = this.props.id;
     console.log(`Going to make a purchase with ${token}`);
-    const charge = await this.props.createOrder({ variables: { token }});
+    console.log(`THe person that bought this was ${userId}`)
+    console.log(`The item id is ${itemId}`)
+    const charge = await this.props.createOrder({ variables: { token, userId, itemId }});
     alert(`Back from the charge! ${charge.id}`);
     console.log(charge);
 
   }
   render() {
+    const user = this.props.currentUserQuery.user || {};
+    const email = user.email || '';
     return (
-      // ...
-      <StripeCheckout
-        {...this.props}
-        token={this.onToken}
-        stripeKey="pk_lclTtThFp8CnO3QtEZSd8HA9mFUps"
-        currency="USD"
-      >
-        {this.props.children}
-      </StripeCheckout>
+      <div>
+        <StripeCheckout
+          amount={this.props.amount}
+          name={this.props.name}
+          description={this.props.description}
+          token={this.onToken}
+          stripeKey="pk_lclTtThFp8CnO3QtEZSd8HA9mFUps"
+          currency="USD"
+          email={email}
+        >
+          {this.props.children}
+        </StripeCheckout>
+      </div>
     )
   }
 }
 
-export default graphql(CREATE_ORDER_MUTATION, { name: 'createOrder' })(TakeMyMoney);
+const userEnhancer = graphql(CURRENT_USER_QUERY, { name: 'currentUserQuery' });
+const createOrderEnhancer = graphql(CREATE_ORDER_MUTATION, { name: 'createOrder' });
+export default compose(userEnhancer, createOrderEnhancer)(TakeMyMoney);
-- 
cgit v1.3