12 files changed, 0 insertions, 1641 deletions
diff --git a/.next/dist/components/Count.js b/.next/dist/components/Count.js
deleted file mode 100644
index 5baa90d..0000000
--- a/.next/dist/components/Count.js
+++ /dev/null
@@ -1,99 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ALL_ITEMS_QUERY = undefined;
-
-var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
-
-var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
-
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
-
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
-
-var _createClass2 = require('babel-runtime/helpers/createClass');
-
-var _createClass3 = _interopRequireDefault(_createClass2);
-
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
-
-var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
-
-var _inherits2 = require('babel-runtime/helpers/inherits');
-
-var _inherits3 = _interopRequireDefault(_inherits2);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _reactApollo = require('react-apollo');
-
-var _queries = require('../queries');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _jsxFileName = '/Users/wesbos/Sites/advanced-react/examples/next/components/Count.js';
-
-
-var Count = function (_Component) {
-  (0, _inherits3.default)(Count, _Component);
-
-  function Count() {
-    (0, _classCallCheck3.default)(this, Count);
-
-    return (0, _possibleConstructorReturn3.default)(this, (Count.__proto__ || (0, _getPrototypeOf2.default)(Count)).apply(this, arguments));
-  }
-
-  (0, _createClass3.default)(Count, [{
-    key: 'render',
-    value: function render() {
-
-      // 1
-      if (this.props.allLinksQuery && this.props.allLinksQuery.loading) {
-        return _react2.default.createElement('div', {
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 12
-          }
-        }, 'Loading');
-      }
-
-      // 2
-      if (this.props.allLinksQuery && this.props.allLinksQuery.error) {
-        return _react2.default.createElement('div', {
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 17
-          }
-        }, 'Error');
-      }
-
-      // 3
-      var itemsToRender = this.props.allLinksQuery.allItems;
-
-      return _react2.default.createElement('div', {
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 24
-        }
-      }, _react2.default.createElement('h1', {
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 25
-        }
-      }, 'There are ', itemsToRender.length, ' items for sale'));
-    }
-  }]);
-
-  return Count;
-}(_react.Component);
-
-// 1
-
-// We export the graphQL HOC - this will fetch the data and inject it into the Count compeont via props
-
-exports.ALL_ITEMS_QUERY = _queries.ALL_ITEMS_QUERY;
-exports.default = (0, _reactApollo.graphql)(_queries.ALL_ITEMS_QUERY, { name: 'allLinksQuery' })(Count);
-\ No newline at end of file
diff --git a/.next/dist/components/CreateItem.js b/.next/dist/components/CreateItem.js
deleted file mode 100644
index 7bfb3cb..0000000
--- a/.next/dist/components/CreateItem.js
+++ /dev/null
@@ -1,248 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _regenerator = require('babel-runtime/regenerator');
-
-var _regenerator2 = _interopRequireDefault(_regenerator);
-
-var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
-
-var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
-
-var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
-
-var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
-
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
-
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
-
-var _createClass2 = require('babel-runtime/helpers/createClass');
-
-var _createClass3 = _interopRequireDefault(_createClass2);
-
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
-
-var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
-
-var _inherits2 = require('babel-runtime/helpers/inherits');
-
-var _inherits3 = _interopRequireDefault(_inherits2);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _reactApollo = require('react-apollo');
-
-var _queries = require('../queries');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _jsxFileName = '/Users/wesbos/Sites/advanced-react/examples/next/components/CreateItem.js';
-
-
-var CreateLink = function (_Component) {
-  (0, _inherits3.default)(CreateLink, _Component);
-
-  function CreateLink() {
-    var _ref,
-        _this2 = this;
-
-    var _temp, _this, _ret;
-
-    (0, _classCallCheck3.default)(this, CreateLink);
-
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = CreateLink.__proto__ || (0, _getPrototypeOf2.default)(CreateLink)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
-      description: '',
-      title: '',
-      image: '',
-      price: 0,
-      fullPrice: 0,
-      loading: false
-    }, _this.uploadFile = function () {
-      var _ref2 = (0, _asyncToGenerator3.default)(_regenerator2.default.mark(function _callee(e) {
-        var files, data, res, file;
-        return _regenerator2.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                files = e.currentTarget.files;
-                data = new FormData();
-
-                data.append('data', files[0]);
-
-                // use the file endpoint
-                _context.next = 5;
-                return fetch('https://api.graph.cool/file/v1/cj5xz8szs28930145gct82bdj', {
-                  method: 'POST',
-                  body: data
-                });
-
-              case 5:
-                res = _context.sent;
-                _context.next = 8;
-                return res.json();
-
-              case 8:
-                file = _context.sent;
-
-                console.log(file);
-                _this.setState({ image: file.id });
-
-              case 11:
-              case 'end':
-                return _context.stop();
-            }
-          }
-        }, _callee, _this2);
-      }));
-
-      return function (_x) {
-        return _ref2.apply(this, arguments);
-      };
-    }(), _this._createLink = function () {
-      var _ref3 = (0, _asyncToGenerator3.default)(_regenerator2.default.mark(function _callee2(e) {
-        var _this$state, description, title, image, price, fullPrice, res;
-
-        return _regenerator2.default.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                e.preventDefault();
-                // pull the values from state
-                _this$state = _this.state, description = _this$state.description, title = _this$state.title, image = _this$state.image, price = _this$state.price, fullPrice = _this$state.fullPrice;
-                // create a mutation
-                // TODO: handle any errors
-                // turn loading on
-
-                _this.setState({ loading: true });
-                _context2.next = 5;
-                return _this.props.createLinkMutation({
-                  // pass in those variables from state
-                  variables: {
-                    description: description,
-                    title: title,
-                    price: parseInt(price),
-                    fullPrice: fullPrice,
-                    imageId: image
-                  }
-                });
-
-              case 5:
-                res = _context2.sent;
-
-                _this.setState({ loading: false });
-
-              case 7:
-              case 'end':
-                return _context2.stop();
-            }
-          }
-        }, _callee2, _this2);
-      }));
-
-      return function (_x2) {
-        return _ref3.apply(this, arguments);
-      };
-    }(), _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
-  }
-
-  (0, _createClass3.default)(CreateLink, [{
-    key: 'componentWillReceiveProps',
-    value: function componentWillReceiveProps(nextProps) {
-      console.log(nextProps);
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _this3 = this;
-
-      return _react2.default.createElement('div', {
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 38
-        }
-      }, this.state.loading ? 'LOADING...' : 'Ready!', _react2.default.createElement('form', { onSubmit: this._createLink, __source: {
-          fileName: _jsxFileName,
-          lineNumber: 40
-        }
-      }, _react2.default.createElement('p', {
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 41
-        }
-      }, 'Image', _react2.default.createElement('input', { onChange: this.uploadFile, type: 'file', __source: {
-          fileName: _jsxFileName,
-          lineNumber: 43
-        }
-      })), _react2.default.createElement('p', {
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 45
-        }
-      }, 'Title', _react2.default.createElement('input', { value: this.state.title, onChange: function onChange(e) {
-          return _this3.setState({ title: e.target.value });
-        }, type: 'text', placeholder: 'A description for the link', __source: {
-          fileName: _jsxFileName,
-          lineNumber: 46
-        }
-      })), _react2.default.createElement('label', {
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 48
-        }
-      }, 'Price', _react2.default.createElement('input', { type: 'number', min: '0', value: this.state.price, onChange: function onChange(e) {
-          return _this3.setState({ price: e.target.value });
-        }, __source: {
-          fileName: _jsxFileName,
-          lineNumber: 48
-        }
-      })), _react2.default.createElement('textarea', {
-        value: this.state.description,
-        onChange: function onChange(e) {
-          return _this3.setState({ description: e.target.value });
-        },
-        type: 'text',
-        placeholder: 'The desc for this item',
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 49
-        }
-      }), _react2.default.createElement('button', { type: 'submit', __source: {
-          fileName: _jsxFileName,
-          lineNumber: 55
-        }
-      }, 'Submit')));
-    }
-  }]);
-
-  return CreateLink;
-}(_react.Component);
-// When we submit this mutation, we need to update our store - we have a few ways to do that:
-// One - we can go nucular and run refetchQueries() which will just go get everything - this is easy, but at the cost of efficiency.
-
-
-exports.default = (0, _reactApollo.graphql)(_queries.CREATE_LINK_MUTATION, { name: 'createLinkMutation', options: {
-    // Easy, but slow
-    // refetchQueries: ['AllLinksQuery']
-    // This is much Better / efficient
-    // Notice how the variable is called createItem - that is because createItem is the name of the query!
-    update: function update(proxy, _ref4) {
-      var createItem = _ref4.data.createItem;
-
-      console.log({ createItem: createItem, ALL_ITEMS_QUERY: _queries.ALL_ITEMS_QUERY });
-      var data = proxy.readQuery({ query: _queries.ALL_ITEMS_QUERY });
-      // data is our store, allItems is our sub-"state", it's just an array. We can just add it to
-      data.allItems.unshift(createItem);
-      // and then "set state", so it will update on the page. This will update the cache for us!
-      proxy.writeQuery({ query: _queries.ALL_ITEMS_QUERY, data: data });
-    }
-  } })(CreateLink);
-\ No newline at end of file
diff --git a/.next/dist/components/Header.js b/.next/dist/components/Header.js
deleted file mode 100644
index 8ec788f..0000000
--- a/.next/dist/components/Header.js
+++ /dev/null
@@ -1,83 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
-
-var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
-
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
-
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
-
-var _createClass2 = require('babel-runtime/helpers/createClass');
-
-var _createClass3 = _interopRequireDefault(_createClass2);
-
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
-
-var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
-
-var _inherits2 = require('babel-runtime/helpers/inherits');
-
-var _inherits3 = _interopRequireDefault(_inherits2);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _reactApollo = require('react-apollo');
-
-var _queries = require('../queries');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _jsxFileName = '/Users/wesbos/Sites/advanced-react/examples/next/components/Header.js';
-
-
-var Header = function (_Component) {
-  (0, _inherits3.default)(Header, _Component);
-
-  function Header() {
-    (0, _classCallCheck3.default)(this, Header);
-
-    return (0, _possibleConstructorReturn3.default)(this, (Header.__proto__ || (0, _getPrototypeOf2.default)(Header)).apply(this, arguments));
-  }
-
-  (0, _createClass3.default)(Header, [{
-    key: 'componentDidMount',
-    value: function componentDidMount() {
-      // This fetches the new data, but doesn't populate the user via props
-      // this.props.currentUserQuery.refetch();
-      // This fetches the new data, and populates the user via props
-      setTimeout(this.props.currentUserQuery.refetch, 1);
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      console.log(this.props.currentUserQuery.user);
-      var user = this.props.currentUserQuery.user || {};
-      var _user$email = user.email,
-          email = _user$email === undefined ? '' : _user$email;
-
-      return _react2.default.createElement('div', {
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 20
-        }
-      }, _react2.default.createElement('p', {
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 21
-        }
-      }, email, ' I\'m the header!'));
-    }
-  }]);
-
-  return Header;
-}(_react.Component);
-
-var userEnhancer = (0, _reactApollo.graphql)(_queries.CURRENT_USER_QUERY, { name: 'currentUserQuery' });
-exports.default = (0, _reactApollo.compose)(userEnhancer)(Header);
-\ No newline at end of file
diff --git a/.next/dist/components/Items.js b/.next/dist/components/Items.js
deleted file mode 100644
index d0eae85..0000000
--- a/.next/dist/components/Items.js
+++ /dev/null
@@ -1,213 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
-
-var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
-
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
-
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
-
-var _createClass2 = require('babel-runtime/helpers/createClass');
-
-var _createClass3 = _interopRequireDefault(_createClass2);
-
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
-
-var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
-
-var _inherits2 = require('babel-runtime/helpers/inherits');
-
-var _inherits3 = _interopRequireDefault(_inherits2);
-
-var _taggedTemplateLiteral2 = require('babel-runtime/helpers/taggedTemplateLiteral');
-
-var _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _reactApollo = require('react-apollo');
-
-var _UpdateItem = require('./UpdateItem');
-
-var _UpdateItem2 = _interopRequireDefault(_UpdateItem);
-
-var _link = require('next/dist/lib/link.js');
-
-var _link2 = _interopRequireDefault(_link);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _TakeMyMoney = require('./TakeMyMoney');
-
-var _TakeMyMoney2 = _interopRequireDefault(_TakeMyMoney);
-
-var _formatMoney = require('../lib/formatMoney');
-
-var _formatMoney2 = _interopRequireDefault(_formatMoney);
-
-var _image = require('../lib/image');
-
-var _image2 = _interopRequireDefault(_image);
-
-var _queries = require('../queries');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _jsxFileName = '/Users/wesbos/Sites/advanced-react/examples/next/components/Items.js';
-
-var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n  font-size: 50px;\n'], ['\n  font-size: 50px;\n']),
-    _templateObject2 = (0, _taggedTemplateLiteral3.default)(['\n  display: grid;\n  grid-template-columns: repeat(4, calc(25% - 20px));\n  grid-gap: 20px;\n'], ['\n  display: grid;\n  grid-template-columns: repeat(4, calc(25% - 20px));\n  grid-gap: 20px;\n']),
-    _templateObject3 = (0, _taggedTemplateLiteral3.default)(['\n  background: #f3f3f3;\n  padding: 20px;\n  img {\n    width: 100%;\n  }\n'], ['\n  background: #f3f3f3;\n  padding: 20px;\n  img {\n    width: 100%;\n  }\n']);
-
-var Title = _styledComponents2.default.h1(_templateObject);
-
-var Items = _styledComponents2.default.div(_templateObject2);
-
-var Item = _styledComponents2.default.div(_templateObject3);
-
-var ItemList = function (_Component) {
-  (0, _inherits3.default)(ItemList, _Component);
-
-  function ItemList() {
-    (0, _classCallCheck3.default)(this, ItemList);
-
-    return (0, _possibleConstructorReturn3.default)(this, (ItemList.__proto__ || (0, _getPrototypeOf2.default)(ItemList)).apply(this, arguments));
-  }
-
-  (0, _createClass3.default)(ItemList, [{
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
-
-      // 1
-      if (this.props.allLinksQuery && this.props.allLinksQuery.loading) {
-        return _react2.default.createElement('div', {
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 38
-          }
-        }, 'Loading');
-      }
-
-      // 2
-      if (this.props.allLinksQuery && this.props.allLinksQuery.error) {
-        console.log(this.props.allLinksQuery.error);
-        return _react2.default.createElement('div', {
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 44
-          }
-        }, 'Error');
-      }
-
-      // 3
-      var itemsToRender = this.props.allLinksQuery.allItems;
-
-      return _react2.default.createElement(Items, {
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 51
-        }
-      }, _react2.default.createElement(Title, {
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 52
-        }
-      }, 'Items For Sale'), itemsToRender.map(function (item, i) {
-        return _react2.default.createElement(Item, { className: 'item', key: i, __source: {
-            fileName: _jsxFileName,
-            lineNumber: 54
-          }
-        }, item.image ? _react2.default.createElement('img', { src: (0, _image2.default)(item.image), __source: {
-            fileName: _jsxFileName,
-            lineNumber: 55
-          }
-        }) : null, _react2.default.createElement('h3', {
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 56
-          }
-        }, item.title), _react2.default.createElement('p', {
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 57
-          }
-        }, item.description), _react2.default.createElement(_link2.default, { href: {
-            pathname: '/admin/update',
-            query: { id: item.id }
-          }, __source: {
-            fileName: _jsxFileName,
-            lineNumber: 58
-          }
-        }, _react2.default.createElement('a', {
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 62
-          }
-        }, 'Edit ', item.id)), _react2.default.createElement(_TakeMyMoney2.default, {
-          id: item.id,
-          amount: item.price,
-          name: item.title // the pop-in header title
-          , description: item.description // the pop-in header subtitle
-          , image: (0, _image2.default)(item.image),
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 65
-          }
-        }, _react2.default.createElement('button', {
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 72
-          }
-        }, 'Buy for ', (0, _formatMoney2.default)(item.price))), _react2.default.createElement('button', { onClick: function onClick() {
-            return _this2.props.removeItemMutation({ variables: { id: item.id } });
-          }, __source: {
-            fileName: _jsxFileName,
-            lineNumber: 74
-          }
-        }, '\xD7 Delete item'));
-      }));
-    }
-  }]);
-
-  return ItemList;
-}(_react.Component);
-
-// 1
-
-// We export the graphQL HOC - this will fetch the data and inject it into the ItemList compeont via props
-
-// Create some Enhancers
-
-
-var itemsEnahncer = (0, _reactApollo.graphql)(_queries.ALL_ITEMS_QUERY, { name: 'allLinksQuery' });
-var deleteItemEnhancer = (0, _reactApollo.graphql)(_queries.DELETE_ITEM_MUTATION, {
-  name: 'removeItemMutation',
-  options: {
-    update: function update(proxy, _ref) {
-      var deleteItem = _ref.data.deleteItem;
-
-      // grab the data from our cache
-      var data = proxy.readQuery({ query: _queries.ALL_ITEMS_QUERY });
-
-      // filter out the delted item
-      data.allItems = data.allItems.filter(function (item) {
-        return item.id !== deleteItem.id;
-      });
-
-      // and then "set state" (update cache), so it will update whereever we have used this data on the page
-      proxy.writeQuery({ query: _queries.ALL_ITEMS_QUERY, data: data });
-    }
-  }
-});
-
-exports.default = (0, _reactApollo.compose)(itemsEnahncer, deleteItemEnhancer)(ItemList);
-\ No newline at end of file
diff --git a/.next/dist/components/LoginAuth0.js b/.next/dist/components/LoginAuth0.js
deleted file mode 100644
index c477dc5..0000000
--- a/.next/dist/components/LoginAuth0.js
+++ /dev/null
@@ -1,107 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
-
-var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
-
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
-
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
-
-var _createClass2 = require('babel-runtime/helpers/createClass');
-
-var _createClass3 = _interopRequireDefault(_createClass2);
-
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
-
-var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
-
-var _inherits2 = require('babel-runtime/helpers/inherits');
-
-var _inherits3 = _interopRequireDefault(_inherits2);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _auth0Lock = require('auth0-lock');
-
-var _auth0Lock2 = _interopRequireDefault(_auth0Lock);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _jsxFileName = '/Users/wesbos/Sites/advanced-react/examples/next/components/LoginAuth0.js';
-
-
-var LoginAuth0 = function (_Component) {
-  (0, _inherits3.default)(LoginAuth0, _Component);
-
-  function LoginAuth0(props) {
-    (0, _classCallCheck3.default)(this, LoginAuth0);
-
-    var _this = (0, _possibleConstructorReturn3.default)(this, (LoginAuth0.__proto__ || (0, _getPrototypeOf2.default)(LoginAuth0)).call(this, props));
-
-    _this.createUser = function () {
-      var variables = {
-        idToken: window.localStorage.getItem("auth0IdToken"),
-        emailAddress: 'wesbos@gmail.com',
-        name: 'Hardcoded Wes'
-      };
-      // TODO - make a createUser function
-      _this.props.createUser({ variables: variables }).then(function (response) {
-        _this.props.history.replace("/");
-      }).catch(function (e) {
-        console.error(e);
-        _this.props.history.replace("/");
-      });
-    };
-
-    _this._showLogin = function () {
-      _this._lock.show();
-    };
-
-    if (typeof window === 'undefined') return (0, _possibleConstructorReturn3.default)(_this);
-    var redirectUrl = 'http://localhost:3000/signup';
-    console.log(redirectUrl);
-    _this._lock = new _auth0Lock2.default('l851ev2q8X48wf56eGLjIWFbMwwbvWPE', 'wesbos.auth0.com', {
-      auth: {
-        redirect: false
-      }
-    });
-    return _this;
-  }
-
-  (0, _createClass3.default)(LoginAuth0, [{
-    key: 'componentDidMount',
-    value: function componentDidMount() {
-      console.log('MOUNT');
-      this._lock.on('authenticated', function (authResult) {
-        console.log('HIIIIIIII');
-        window.localStorage.setItem('auth0IdToken', authResult.idToken);
-        console.log('Done!', authResult);
-      });
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      return _react2.default.createElement('div', {
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 51
-        }
-      }, _react2.default.createElement('button', { onClick: this._showLogin, __source: {
-          fileName: _jsxFileName,
-          lineNumber: 52
-        }
-      }, 'Log in with Auth0 '));
-    }
-  }]);
-
-  return LoginAuth0;
-}(_react.Component);
-
-exports.default = LoginAuth0;
-\ No newline at end of file
diff --git a/.next/dist/components/Meta.js b/.next/dist/components/Meta.js
deleted file mode 100644
index ba73a5b..0000000
--- a/.next/dist/components/Meta.js
+++ /dev/null
@@ -1,65 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _head = require('next/dist/lib/head.js');
-
-var _head2 = _interopRequireDefault(_head);
-
-var _index = require('next/dist/lib/router/index.js');
-
-var _index2 = _interopRequireDefault(_index);
-
-var _Nav = require('./Nav');
-
-var _Nav2 = _interopRequireDefault(_Nav);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _jsxFileName = '/Users/wesbos/Sites/advanced-react/examples/next/components/Meta.js';
-
-exports.default = function () {
-  return _react2.default.createElement('div', {
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 6
-    }
-  }, _react2.default.createElement(_head2.default, {
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 7
-    }
-  }, _react2.default.createElement('meta', { name: 'viewport', content: 'width=device-width, initial-scale=1', __source: {
-      fileName: _jsxFileName,
-      lineNumber: 8
-    }
-  }), _react2.default.createElement('meta', { charSet: 'utf-8', __source: {
-      fileName: _jsxFileName,
-      lineNumber: 9
-    }
-  }), _react2.default.createElement(_Nav2.default, {
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 10
-    }
-  }), _react2.default.createElement('link', { rel: 'shortcut icon', href: 'https://wesbos.com/wp-content/themes/wb2014/i/crown-yellow-small.png', __source: {
-      fileName: _jsxFileName,
-      lineNumber: 11
-    }
-  }), _react2.default.createElement('link', { rel: 'stylesheet', href: 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css', __source: {
-      fileName: _jsxFileName,
-      lineNumber: 12
-    }
-  }), _react2.default.createElement('title', {
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 13
-    }
-  }, 'Sick Fits')));
-};
-\ No newline at end of file
diff --git a/.next/dist/components/Nav.js b/.next/dist/components/Nav.js
deleted file mode 100644
index 03b3a61..0000000
--- a/.next/dist/components/Nav.js
+++ /dev/null
@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _react = require("react");
-
-var _react2 = _interopRequireDefault(_react);
-
-var _link = require("next/dist/lib/link.js");
-
-var _link2 = _interopRequireDefault(_link);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _jsxFileName = "/Users/wesbos/Sites/advanced-react/examples/next/components/Nav.js";
-
-exports.default = function () {
-  return _react2.default.createElement("ul", {
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 4
-    }
-  }, _react2.default.createElement(_link2.default, { href: "/", __source: {
-      fileName: _jsxFileName,
-      lineNumber: 5
-    }
-  }, _react2.default.createElement("a", {
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 5
-    }
-  }, "Home")), _react2.default.createElement(_link2.default, { href: "/signup/", __source: {
-      fileName: _jsxFileName,
-      lineNumber: 6
-    }
-  }, _react2.default.createElement("a", {
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 6
-    }
-  }, "Signup")), _react2.default.createElement(_link2.default, { href: "/orders/", __source: {
-      fileName: _jsxFileName,
-      lineNumber: 7
-    }
-  }, _react2.default.createElement("a", {
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 7
-    }
-  }, "Orders")));
-};
-\ No newline at end of file
diff --git a/.next/dist/components/OrderList.js b/.next/dist/components/OrderList.js
deleted file mode 100644
index d4871d1..0000000
--- a/.next/dist/components/OrderList.js
+++ /dev/null
@@ -1,171 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
-
-var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
-
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
-
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
-
-var _createClass2 = require('babel-runtime/helpers/createClass');
-
-var _createClass3 = _interopRequireDefault(_createClass2);
-
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
-
-var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
-
-var _inherits2 = require('babel-runtime/helpers/inherits');
-
-var _inherits3 = _interopRequireDefault(_inherits2);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _withData = require('../lib/withData');
-
-var _withData2 = _interopRequireDefault(_withData);
-
-var _Items = require('../components/Items');
-
-var _Items2 = _interopRequireDefault(_Items);
-
-var _CreateItem = require('../components/CreateItem');
-
-var _CreateItem2 = _interopRequireDefault(_CreateItem);
-
-var _Signup = require('../components/Signup');
-
-var _Signup2 = _interopRequireDefault(_Signup);
-
-var _LoginAuth = require('../components/LoginAuth0');
-
-var _LoginAuth2 = _interopRequireDefault(_LoginAuth);
-
-var _Page = require('../components/Page');
-
-var _Page2 = _interopRequireDefault(_Page);
-
-var _queries = require('../queries');
-
-var _reactApollo = require('react-apollo');
-
-var _lodash = require('lodash.has');
-
-var _lodash2 = _interopRequireDefault(_lodash);
-
-var _lodash3 = require('lodash.get');
-
-var _lodash4 = _interopRequireDefault(_lodash3);
-
-var _formatMoney = require('../lib/formatMoney');
-
-var _formatMoney2 = _interopRequireDefault(_formatMoney);
-
-var _image = require('../lib/image');
-
-var _image2 = _interopRequireDefault(_image);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _jsxFileName = '/Users/wesbos/Sites/advanced-react/examples/next/components/OrderList.js';
-
-
-var OrderList = function (_Component) {
-  (0, _inherits3.default)(OrderList, _Component);
-
-  function OrderList() {
-    (0, _classCallCheck3.default)(this, OrderList);
-
-    return (0, _possibleConstructorReturn3.default)(this, (OrderList.__proto__ || (0, _getPrototypeOf2.default)(OrderList)).apply(this, arguments));
-  }
-
-  (0, _createClass3.default)(OrderList, [{
-    key: 'componentDidMount',
-    value: function componentDidMount() {
-      console.log('Mounting!');
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-
-      if (this.props.loading) {
-        return _react2.default.createElement('p', {
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 22
-          }
-        }, 'Loading...');
-      }
-
-      if (this.props.error) {
-        return _react2.default.createElement('p', {
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 26
-          }
-        }, 'Error...');
-      }
-
-      if (!(0, _lodash2.default)(this.props, 'userOrdersQuery.user.orders')) {
-        return _react2.default.createElement('p', {
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 30
-          }
-        }, 'Don\'t have it yet!');
-      }
-
-      var orders = this.props.userOrdersQuery.user.orders;
-
-      console.log(orders);
-      return _react2.default.createElement('div', {
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 37
-        }
-      }, _react2.default.createElement('h2', {
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 38
-        }
-      }, 'You have ', orders.length, ' Orders'), _react2.default.createElement('ul', {
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 39
-        }
-      }, orders.map(function (order) {
-        return _react2.default.createElement('li', { key: order.id, __source: {
-            fileName: _jsxFileName,
-            lineNumber: 40
-          }
-        }, _react2.default.createElement('img', { src: (0, _image2.default)(order.item.image), alt: '', __source: {
-            fileName: _jsxFileName,
-            lineNumber: 41
-          }
-        }), _react2.default.createElement('h3', {
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 42
-          }
-        }, order.item.title, ' (', (0, _formatMoney2.default)(order.amount), ') '), _react2.default.createElement('p', {
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 43
-          }
-        }, order.item.description));
-      })));
-    }
-  }]);
-
-  return OrderList;
-}(_react.Component);
-
-var ordersEnhancer = (0, _reactApollo.graphql)(_queries.USER_ORDERS_QUERY, { name: 'userOrdersQuery' });
-exports.default = (0, _reactApollo.compose)(ordersEnhancer)(OrderList);
-\ No newline at end of file
diff --git a/.next/dist/components/Page.js b/.next/dist/components/Page.js
deleted file mode 100644
index 0a747a4..0000000
--- a/.next/dist/components/Page.js
+++ /dev/null
@@ -1,72 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _taggedTemplateLiteral2 = require('babel-runtime/helpers/taggedTemplateLiteral');
-
-var _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _Header = require('./Header');
-
-var _Header2 = _interopRequireDefault(_Header);
-
-var _Meta = require('./Meta');
-
-var _Meta2 = _interopRequireDefault(_Meta);
-
-var _withData = require('../lib/withData');
-
-var _withData2 = _interopRequireDefault(_withData);
-
-var _Nav = require('./Nav');
-
-var _Nav2 = _interopRequireDefault(_Nav);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _jsxFileName = '/Users/wesbos/Sites/advanced-react/examples/next/components/Page.js';
-
-var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n  font-family: sans-serif;\n  color: #303030;\n  background: #efc600;\n  padding: 100px;\n'], ['\n  font-family: sans-serif;\n  color: #303030;\n  background: #efc600;\n  padding: 100px;\n']);
-
-var StyledPage = _styledComponents2.default.div(_templateObject);
-
-var Page = function Page(_ref) {
-  var children = _ref.children;
-  return _react2.default.createElement(StyledPage, { className: 'main', __source: {
-      fileName: _jsxFileName,
-      lineNumber: 15
-    }
-  }, _react2.default.createElement(_Meta2.default, {
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 16
-    }
-  }), _react2.default.createElement(_Header2.default, {
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 17
-    }
-  }), _react2.default.createElement(_Nav2.default, {
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 18
-    }
-  }), _react2.default.createElement('div', {
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 19
-    }
-  }, children));
-};
-
-exports.default = (0, _withData2.default)(Page);
-\ No newline at end of file
diff --git a/.next/dist/components/Signup.js b/.next/dist/components/Signup.js
deleted file mode 100644
index 8330a5f..0000000
--- a/.next/dist/components/Signup.js
+++ /dev/null
@@ -1,196 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _regenerator = require('babel-runtime/regenerator');
-
-var _regenerator2 = _interopRequireDefault(_regenerator);
-
-var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
-
-var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
-
-var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
-
-var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
-
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
-
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
-
-var _createClass2 = require('babel-runtime/helpers/createClass');
-
-var _createClass3 = _interopRequireDefault(_createClass2);
-
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
-
-var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
-
-var _inherits2 = require('babel-runtime/helpers/inherits');
-
-var _inherits3 = _interopRequireDefault(_inherits2);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _reactApollo = require('react-apollo');
-
-var _queries = require('../queries');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _jsxFileName = '/Users/wesbos/Sites/advanced-react/examples/next/components/Signup.js';
-
-
-var Signup = function (_Component) {
-  (0, _inherits3.default)(Signup, _Component);
-
-  function Signup() {
-    (0, _classCallCheck3.default)(this, Signup);
-
-    var _this = (0, _possibleConstructorReturn3.default)(this, (Signup.__proto__ || (0, _getPrototypeOf2.default)(Signup)).call(this));
-
-    _initialiseProps.call(_this);
-
-    var idToken = typeof window !== 'undefined' ? localStorage.getItem('auth0IdToken') || '' : '';
-    _this.state = {
-      email: '',
-      name: '',
-      idToken: idToken,
-      error: undefined
-    };
-
-    return _this;
-  }
-
-  (0, _createClass3.default)(Signup, [{
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
-
-      return _react2.default.createElement('div', {
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 22
-        }
-      }, this.state.loading ? 'LOADING...' : 'Ready!', this.state.error ? _react2.default.createElement('p', {
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 25
-        }
-      }, this.state.error.message) : '', _react2.default.createElement('form', { onSubmit: this._createUser, __source: {
-          fileName: _jsxFileName,
-          lineNumber: 27
-        }
-      }, _react2.default.createElement('p', {
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 28
-        }
-      }, 'Email', _react2.default.createElement('input', { value: this.state.email, onChange: function onChange(e) {
-          return _this2.setState({ email: e.target.value });
-        }, type: 'text', placeholder: 'email', __source: {
-          fileName: _jsxFileName,
-          lineNumber: 29
-        }
-      })), _react2.default.createElement('p', {
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 32
-        }
-      }, 'Name', _react2.default.createElement('input', { value: this.state.name, onChange: function onChange(e) {
-          return _this2.setState({ name: e.target.value });
-        }, type: 'text', placeholder: 'name', __source: {
-          fileName: _jsxFileName,
-          lineNumber: 33
-        }
-      })), _react2.default.createElement('p', {
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 36
-        }
-      }, 'idToken', _react2.default.createElement('input', { disabled: true, value: this.state.idToken, onChange: function onChange(e) {
-          return _this2.setState({ idToken: e.target.value });
-        }, type: 'text', placeholder: 'name', __source: {
-          fileName: _jsxFileName,
-          lineNumber: 37
-        }
-      })), _react2.default.createElement('button', { type: 'submit', __source: {
-          fileName: _jsxFileName,
-          lineNumber: 40
-        }
-      }, 'Submit')));
-    }
-  }]);
-
-  return Signup;
-}(_react.Component);
-// When we submit this mutation, we need to update our store - we have a few ways to do that:
-// One - we can go nucular and run refetchQueries() which will just go get everything - this is easy, but at the cost of efficiency.
-
-
-var _initialiseProps = function _initialiseProps() {
-  var _this3 = this;
-
-  this._createUser = function () {
-    var _ref = (0, _asyncToGenerator3.default)(_regenerator2.default.mark(function _callee(e) {
-      var _state, email, name, idToken, res;
-
-      return _regenerator2.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              e.preventDefault();
-              // pull the values from state
-              _state = _this3.state, email = _state.email, name = _state.name, idToken = _state.idToken;
-              // create a mutation
-              // TODO: handle any errors
-              // turn loading on
-
-              _this3.setState({ loading: true });
-              console.log(name, email, idToken);
-              _context.prev = 4;
-              _context.next = 7;
-              return _this3.props.createUserMutation({
-                // pass in those variables from state
-                variables: { name: name, email: email, idToken: idToken }
-              });
-
-            case 7:
-              res = _context.sent;
-              _context.next = 14;
-              break;
-
-            case 10:
-              _context.prev = 10;
-              _context.t0 = _context['catch'](4);
-
-              _this3.setState({ error: _context.t0 });
-              console.dir(_context.t0);
-
-            case 14:
-              _this3.setState({ loading: false });
-
-            case 15:
-            case 'end':
-              return _context.stop();
-          }
-        }
-      }, _callee, _this3, [[4, 10]]);
-    }));
-
-    return function (_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-};
-
-exports.default = (0, _reactApollo.graphql)(_queries.CREATE_USER_MUTATION, { name: 'createUserMutation', options: {
-    // Easy, but slow
-    // refetchQueries: ['AllLinksQuery']
-    // This is much Better / efficient
-    // Notice how the variable is called createItem - that is because createItem is the name of the query!
-  } })(Signup);
-\ No newline at end of file
diff --git a/.next/dist/components/TakeMyMoney.js b/.next/dist/components/TakeMyMoney.js
deleted file mode 100644
index fa2de35..0000000
--- a/.next/dist/components/TakeMyMoney.js
+++ /dev/null
@@ -1,135 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _regenerator = require('babel-runtime/regenerator');
-
-var _regenerator2 = _interopRequireDefault(_regenerator);
-
-var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
-
-var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
-
-var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
-
-var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
-
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
-
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
-
-var _createClass2 = require('babel-runtime/helpers/createClass');
-
-var _createClass3 = _interopRequireDefault(_createClass2);
-
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
-
-var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
-
-var _inherits2 = require('babel-runtime/helpers/inherits');
-
-var _inherits3 = _interopRequireDefault(_inherits2);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _reactStripeCheckout = require('react-stripe-checkout');
-
-var _reactStripeCheckout2 = _interopRequireDefault(_reactStripeCheckout);
-
-var _queries = require('../queries');
-
-var _reactApollo = require('react-apollo');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _jsxFileName = '/Users/wesbos/Sites/advanced-react/examples/next/components/TakeMyMoney.js';
-
-
-var TakeMyMoney = function (_Component) {
-  (0, _inherits3.default)(TakeMyMoney, _Component);
-
-  function TakeMyMoney() {
-    var _ref,
-        _this2 = this;
-
-    var _temp, _this, _ret;
-
-    (0, _classCallCheck3.default)(this, TakeMyMoney);
-
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = TakeMyMoney.__proto__ || (0, _getPrototypeOf2.default)(TakeMyMoney)).call.apply(_ref, [this].concat(args))), _this), _this.onToken = function () {
-      var _ref2 = (0, _asyncToGenerator3.default)(_regenerator2.default.mark(function _callee(res) {
-        var token, userId, itemId, charge;
-        return _regenerator2.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                token = res.id;
-                userId = _this.props.currentUserQuery.user.id;
-                itemId = _this.props.id;
-
-                console.log('Going to make a purchase with ' + token);
-                console.log('THe person that bought this was ' + userId);
-                console.log('The item id is ' + itemId);
-                _context.next = 8;
-                return _this.props.createOrder({ variables: { token: token, userId: userId, itemId: itemId } });
-
-              case 8:
-                charge = _context.sent;
-
-                alert('Back from the charge! ' + charge.id);
-                console.log(charge);
-
-              case 11:
-              case 'end':
-                return _context.stop();
-            }
-          }
-        }, _callee, _this2);
-      }));
-
-      return function (_x) {
-        return _ref2.apply(this, arguments);
-      };
-    }(), _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
-  }
-
-  (0, _createClass3.default)(TakeMyMoney, [{
-    key: 'render',
-    value: function render() {
-      var user = this.props.currentUserQuery.user || {};
-      var email = user.email || '';
-      return _react2.default.createElement('div', {
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 24
-        }
-      }, _react2.default.createElement(_reactStripeCheckout2.default, {
-        amount: this.props.amount,
-        name: this.props.name,
-        description: this.props.description,
-        token: this.onToken,
-        stripeKey: 'pk_lclTtThFp8CnO3QtEZSd8HA9mFUps',
-        currency: 'USD',
-        email: email,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 25
-        }
-      }, this.props.children));
-    }
-  }]);
-
-  return TakeMyMoney;
-}(_react.Component);
-
-var userEnhancer = (0, _reactApollo.graphql)(_queries.CURRENT_USER_QUERY, { name: 'currentUserQuery' });
-var createOrderEnhancer = (0, _reactApollo.graphql)(_queries.CREATE_ORDER_MUTATION, { name: 'createOrder' });
-exports.default = (0, _reactApollo.compose)(userEnhancer, createOrderEnhancer)(TakeMyMoney);
-\ No newline at end of file
diff --git a/.next/dist/components/UpdateItem.js b/.next/dist/components/UpdateItem.js
deleted file mode 100644
index 2c1b889..0000000
--- a/.next/dist/components/UpdateItem.js
+++ /dev/null
@@ -1,199 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _regenerator = require('babel-runtime/regenerator');
-
-var _regenerator2 = _interopRequireDefault(_regenerator);
-
-var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
-
-var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
-
-var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
-
-var _defineProperty3 = _interopRequireDefault(_defineProperty2);
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
-
-var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
-
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
-
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
-
-var _createClass2 = require('babel-runtime/helpers/createClass');
-
-var _createClass3 = _interopRequireDefault(_createClass2);
-
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
-
-var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
-
-var _inherits2 = require('babel-runtime/helpers/inherits');
-
-var _inherits3 = _interopRequireDefault(_inherits2);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _reactApollo = require('react-apollo');
-
-var _queries = require('../queries');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _jsxFileName = '/Users/wesbos/Sites/advanced-react/examples/next/components/UpdateItem.js';
-
-
-var UpdateLink = function (_Component) {
-  (0, _inherits3.default)(UpdateLink, _Component);
-
-  function UpdateLink() {
-    var _ref,
-        _this2 = this;
-
-    var _temp, _this, _ret;
-
-    (0, _classCallCheck3.default)(this, UpdateLink);
-
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = UpdateLink.__proto__ || (0, _getPrototypeOf2.default)(UpdateLink)).call.apply(_ref, [this].concat(args))), _this), _this.state = (0, _extends3.default)({}, _this.props.findItem.Item), _this.saveToState = function (e) {
-      var _e$target = e.target,
-          name = _e$target.name,
-          value = _e$target.value,
-          type = _e$target.type;
-
-      if (type === 'number') {
-        value = parseInt(value);
-      }
-
-      _this.setState((0, _defineProperty3.default)({}, name, value));
-    }, _this._createLink = function () {
-      var _ref2 = (0, _asyncToGenerator3.default)(_regenerator2.default.mark(function _callee(e) {
-        var _this$state, description, title, id, res;
-
-        return _regenerator2.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                e.preventDefault();
-                // pull the values from state
-                _this$state = _this.state, description = _this$state.description, title = _this$state.title;
-                id = _this.props.id;
-                // create a mutation
-                // TODO: handle any errors
-                // turn loading on
-
-                _this.setState({ loading: true });
-                console.log(_this.state);
-                _context.next = 7;
-                return _this.props.updateItem({
-                  // pass in those variables from state
-                  variables: (0, _extends3.default)({}, _this.state)
-                });
-
-              case 7:
-                res = _context.sent;
-
-                _this.setState({ loading: false });
-
-              case 9:
-              case 'end':
-                return _context.stop();
-            }
-          }
-        }, _callee, _this2);
-      }));
-
-      return function (_x) {
-        return _ref2.apply(this, arguments);
-      };
-    }(), _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
-  }
-
-  (0, _createClass3.default)(UpdateLink, [{
-    key: 'render',
-    value: function render() {
-      return _react2.default.createElement('div', {
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 22
-        }
-      }, _react2.default.createElement('h2', {
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 24
-        }
-      }, 'Edit ', this.props.id), this.state.loading ? 'LOADING...' : 'Ready!', _react2.default.createElement('form', { onSubmit: this._createLink, __source: {
-          fileName: _jsxFileName,
-          lineNumber: 26
-        }
-      }, _react2.default.createElement('label', { htmlFor: 'title', __source: {
-          fileName: _jsxFileName,
-          lineNumber: 28
-        }
-      }, 'Title'), _react2.default.createElement('input', { value: this.state.title, name: 'title', onChange: this.saveToState, type: 'text', __source: {
-          fileName: _jsxFileName,
-          lineNumber: 29
-        }
-      }), _react2.default.createElement('label', { htmlFor: 'description', __source: {
-          fileName: _jsxFileName,
-          lineNumber: 31
-        }
-      }, 'Description'), _react2.default.createElement('textarea', { value: this.state.description, name: 'description', onChange: this.saveToState, __source: {
-          fileName: _jsxFileName,
-          lineNumber: 32
-        }
-      }), _react2.default.createElement('label', { htmlFor: 'price', __source: {
-          fileName: _jsxFileName,
-          lineNumber: 34
-        }
-      }, 'Price'), _react2.default.createElement('input', { type: 'number', name: 'price', onChange: this.saveToState, value: this.state.price, __source: {
-          fileName: _jsxFileName,
-          lineNumber: 35
-        }
-      }), _react2.default.createElement('label', { htmlFor: 'fullPrice', __source: {
-          fileName: _jsxFileName,
-          lineNumber: 37
-        }
-      }, 'Full Price'), _react2.default.createElement('input', { type: 'number', name: 'fullPrice', onChange: this.saveToState, value: this.state.fullPrice, __source: {
-          fileName: _jsxFileName,
-          lineNumber: 38
-        }
-      }), _react2.default.createElement('button', { type: 'submit', __source: {
-          fileName: _jsxFileName,
-          lineNumber: 40
-        }
-      }, 'Save...')));
-    }
-  }]);
-
-  return UpdateLink;
-}(_react.Component);
-
-var ComponentWithMutations = (0, _reactApollo.compose)(
-// First, query for getting the link
-(0, _reactApollo.graphql)(_queries.SINGLE_LINK_QUERY, {
-  name: 'findItem',
-  options: function options(_ref3) {
-    var id = _ref3.id;
-    return {
-      variables: { id: id }
-    };
-  }
-}),
-// Second, the mutation for updating the link
-(0, _reactApollo.graphql)(_queries.UPDATE_LINK_MUTATION, { name: 'updateItem' }))(UpdateLink);
-
-exports.default = ComponentWithMutations;
-\ No newline at end of file