Refactor react-adopt to recommended API

1 files changed, 18 insertions, 9 deletions

diff --git a/frontend/components/Cart.js b/frontend/components/Cart.js
index 2230a0e..a815b78 100644
--- a/frontend/components/Cart.js
+++ b/frontend/components/Cart.js
@@ -17,19 +17,23 @@ import CloseButton from './styles/CloseButton';
 import SickButton from './styles/SickButton';
 
 const Composed = adopt({
-  toggleCart: <Mutation mutation={TOGGLE_CART_MUTATION}>{() => {}}</Mutation>,
-  localState: <Query query={LOCAL_STATE_QUERY}>{() => {}}</Query>,
-  currentUser: (
-    <Query query={CURRENT_USER_QUERY} data-test="cart">
-      {() => {}}
-    </Query>
+  toggleCart: ({ render }) => (
+    <Mutation mutation={TOGGLE_CART_MUTATION}>
+      {(mutate, result) => render({ mutate, result })}
+    </Mutation>
   ),
+  localState: <Query query={LOCAL_STATE_QUERY} />,
+  currentUser: <Query query={CURRENT_USER_QUERY} data-test="cart" />,
 });
 
 const Cart = () => (
   <Composed>
     {({ toggleCart, localState, currentUser }) => {
-      const { data: { me }, error, loading } = currentUser;
+      const {
+        data: { me },
+        error,
+        loading,
+      } = currentUser;
       if (loading) return <p>Loading...</p>;
       if (error) return <Error error={error} />;
       if (!me) return null;
@@ -42,11 +46,16 @@ const Cart = () => (
 
             <Supreme>{me.name}'s Cart.</Supreme>
             <p>
-              You have {me.cart.length} item{me.cart.length === 1 ? '' : 's'} in your cart.
+              You have {me.cart.length} item{me.cart.length === 1 ? '' : 's'} in
+              your cart.
             </p>
           </header>
 
-          <ul>{me.cart.map(cartItem => <CartItem key={cartItem.id} cartItem={cartItem} />)}</ul>
+          <ul>
+            {me.cart.map(cartItem => (
+              <CartItem key={cartItem.id} cartItem={cartItem} />
+            ))}
+          </ul>
           <footer>
             <p>{formatMoney(calcTotalPrice(me.cart))}</p>
             <TakeMyMoney>