heymartinadams

{
  createdNode{
    id
    stripeToken
    stripeTokenToUser {
      id
      name
      email
    }
  }

heymartinadams

Stripe.propTypes = {
  createCard: React.PropTypes.func.isRequired,
  createPurchase: React.PropTypes.func.isRequired,
  upgradeApp: React.PropTypes.func.isRequired,
  data: React.PropTypes.object.isRequired
}

export default
graphql(signinUser, { name: 'signinUser' })(
  graphql(createCard, { name: 'createCard' })(

heymartinadams

import { graphql } from 'react-apollo'
import { userQuery, signinUser } from './graphql/user'
import { createCard, receiveStripeId, createPurchase, checkIfPaid, upgradeApp } from './graphql/purchase'

heymartinadams

import gql from 'graphql-tag'

export const userQuery = gql`
  query {
    user {
      id
      name
      email
      paid
    }

heymartinadams

import gql from 'graphql-tag'

// Logic #1: Stripe returns token to app.
// No front-end graphql code necessary

// Logic #2: Create node in StripeToken model using customer token received from Stripe and assign user to node
export const createCard = gql`
  mutation($stripeToken: String!, $userId: ID!) {
    createStripeToken(
      stripeToken: $stripeToken

heymartinadams

import React from 'react'
import StripeCheckout from 'react-stripe-checkout'

class Stripe extends React.Component {

  constructor(props) {
    super(props)
    this.state = {
      buttonStyle: 'button primary',
      status: 'Nothing happened yet'