diff options
Diffstat (limited to 'stepped-solutions/FINISHED/frontend/components/Nav.js')
| -rw-r--r-- | stepped-solutions/FINISHED/frontend/components/Nav.js | 49 |
1 files changed, 0 insertions, 49 deletions
diff --git a/stepped-solutions/FINISHED/frontend/components/Nav.js b/stepped-solutions/FINISHED/frontend/components/Nav.js deleted file mode 100644 index 118db5a..0000000 --- a/stepped-solutions/FINISHED/frontend/components/Nav.js +++ /dev/null @@ -1,49 +0,0 @@ -import Link from 'next/link'; -import { Mutation } from 'react-apollo'; -import { TOGGLE_CART_MUTATION } from './Cart'; -import NavStyles from './styles/NavStyles'; -import User from './User'; -import CartCount from './CartCount'; -import Signout from './Signout'; - -const Nav = () => ( - <User> - {({ data: { me } }) => ( - <NavStyles data-test="nav"> - <Link href="/items"> - <a>Shop</a> - </Link> - {me && ( - <> - <Link href="/sell"> - <a>Sell</a> - </Link> - <Link href="/orders"> - <a>Orders</a> - </Link> - <Link href="/me"> - <a>Account</a> - </Link> - <Signout /> - <Mutation mutation={TOGGLE_CART_MUTATION}> - {(toggleCart) => ( - <button onClick={toggleCart}> - My Cart - <CartCount count={me.cart.reduce((tally, cartItem) => tally + cartItem.quantity, 0)}></CartCount> - </button> - )} - </Mutation> - </> - )} - {!me && ( - <Link href="/signup"> - <a>Sign In</a> - </Link> - - )} - </NavStyles> - )} - </User> -); - -export default Nav; |
