diff options
| author | Wes Bos <wesbos@gmail.com> | 2017-08-25 09:33:53 -0400 |
|---|---|---|
| committer | Wes Bos <wesbos@gmail.com> | 2017-08-25 09:33:53 -0400 |
| commit | 7af74ff8988961c988f03c95961b70c2918521ae (patch) | |
| tree | d73cd0dd94751b76595b7febcae4162811c2040b /.next/dist/components/Header.js | |
| parent | 416c2cbae0e69b724876d232bf813eefd7550174 (diff) | |
yay
Diffstat (limited to '.next/dist/components/Header.js')
| -rw-r--r-- | .next/dist/components/Header.js | 83 |
1 files changed, 83 insertions, 0 deletions
diff --git a/.next/dist/components/Header.js b/.next/dist/components/Header.js new file mode 100644 index 0000000..8ec788f --- /dev/null +++ b/.next/dist/components/Header.js @@ -0,0 +1,83 @@ +'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 |
