summaryrefslogtreecommitdiffstats
path: root/components/Cart.js
diff options
context:
space:
mode:
Diffstat (limited to 'components/Cart.js')
-rw-r--r--components/Cart.js46
1 files changed, 0 insertions, 46 deletions
diff --git a/components/Cart.js b/components/Cart.js
deleted file mode 100644
index 88b072c..0000000
--- a/components/Cart.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component } from 'react';
-import { graphql, compose } from 'react-apollo';
-import styled from 'styled-components';
-import { CURRENT_USER_QUERY } from '../queries';
-import formatMoney from '../lib/formatMoney.js';
-import ChaChing from './ChaChing';
-
-const CartStyles = styled.div`
- background: white;
- border-radius: 10px;
- padding: 20px;
- overflow: hidden;
- display: flex;
- align-items: center;
-`;
-
-class Cart extends Component {
- 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);
- }
-
- render() {
- // Check for loading state..
- const { loading, error } = this.props.currentUserQuery;
- const { user } = this.props.currentUserQuery;
- if (loading || error || !user) return <p>Cart Loading...</p>;
- const total = user.cart.reduce((a, b) => a + b.price, 0);
-
- return (
- <CartStyles className="cart">
- There
- {user.cart.length === 1 ? ' is ' : 'are '}
- <ChaChing amount={user.cart.length} />
- {user.cart.length === 1 ? ' item ' : ' items '}
- in your cart totaling
- <ChaChing amount={formatMoney(total)} />
- </CartStyles>
- );
- }
-}
-
-const userEnhancer = graphql(CURRENT_USER_QUERY, { name: 'currentUserQuery' });
-export default compose(userEnhancer)(Cart);