From 8a5825d52271d712ec7c8348447d433067e13ef2 Mon Sep 17 00:00:00 2001 From: Wes Bos Date: Thu, 13 Sep 2018 14:18:56 -0400 Subject: DONE --- .../frontend/components/TakeMyMoney.js | 83 ---------------------- 1 file changed, 83 deletions(-) delete mode 100644 finished-application/frontend/components/TakeMyMoney.js (limited to 'finished-application/frontend/components/TakeMyMoney.js') diff --git a/finished-application/frontend/components/TakeMyMoney.js b/finished-application/frontend/components/TakeMyMoney.js deleted file mode 100644 index b9e42ea..0000000 --- a/finished-application/frontend/components/TakeMyMoney.js +++ /dev/null @@ -1,83 +0,0 @@ -import { Component } from 'react'; -import StripeCheckout from 'react-stripe-checkout'; -import { Mutation, Query } from 'react-apollo'; -import Router from 'next/router'; -import NProgress from 'nprogress'; -import PropTypes from 'prop-types'; -import gql from 'graphql-tag'; -import calcTotalPrice from '../lib/calcTotalPrice'; -import Error from './ErrorMessage'; -import User, { CURRENT_USER_QUERY } from './User'; - -const CREATE_ORDER_MUTATION = gql` - mutation createOrder($token: String!) { - createOrder(token: $token) { - id - charge - total - items { - id - title - } - } - } -`; - -function totalItems(cart) { - return cart.reduce((tally, cartItem) => tally + cartItem.quantity, 0); -} - -class TakeMyMoney extends Component { - onToken = async (res, createOrder) => { - NProgress.start(); - const order = await createOrder({ - variables: { - token: res.id, - }, - }); - console.log(order); - // Route them to that order page - const { id } = order.data.createOrder; - Router.push({ - pathname: `/order`, - query: { id }, - }); - }; - render() { - return ( - - {({ data: { me }, error }) => { - if (!me || !me.cart.length) return null; - if (error) return ; - return ( - - {createOrder => ( - this.onToken(res, createOrder)} - stripeKey="pk_lclTtThFp8CnO3QtEZSd8HA9mFUps" - currency="USD" - email={me.email} - > - {this.props.children} - - )} - - ); - }} - - ); - } -} - -TakeMyMoney.propTypes = { - children: PropTypes.any, -}; - -export default TakeMyMoney; -- cgit v1.3