diff options
Diffstat (limited to 'frontend/components/Nav.js')
| -rw-r--r-- | frontend/components/Nav.js | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/frontend/components/Nav.js b/frontend/components/Nav.js index 826335f..b483376 100644 --- a/frontend/components/Nav.js +++ b/frontend/components/Nav.js @@ -1,6 +1,7 @@ import React, { Fragment } from 'react'; import Link from 'next/link'; -import { Query, ApolloConsumer } from 'react-apollo'; +import { Query, Mutation } from 'react-apollo'; +import { TOGGLE_CART_MUTATION } from './Cart'; import User from './User'; import CartCount from './CartCount'; import Signout from './Signout'; @@ -35,9 +36,9 @@ class Nav extends React.Component { <a>My Account</a> </Link> <Signout /> - <ApolloConsumer> - {cache => ( - <button onClick={() => cache.writeData({ data: { cartOpen: true } })}> + <Mutation mutation={TOGGLE_CART_MUTATION}> + {toggleCart => ( + <button onClick={toggleCart}> My Cart <CartCount className="cart-count" @@ -45,7 +46,7 @@ class Nav extends React.Component { /> </button> )} - </ApolloConsumer> + </Mutation> </Fragment> )} </NavStyles> |