From a6af043686e4375d7944e91cae3d5b63c59edab0 Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Thu, 22 Mar 2018 16:29:31 -0400
Subject: Migrate to render props

---
 frontend/components/Item.js | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

(limited to 'frontend/components/Item.js')

diff --git a/frontend/components/Item.js b/frontend/components/Item.js
index 33b3951..9bff385 100644
--- a/frontend/components/Item.js
+++ b/frontend/components/Item.js
@@ -1,11 +1,11 @@
 import React from 'react';
 import styled from 'styled-components';
-import { compose } from 'react-apollo';
 import Link from 'next/link';
 import Title from './styles/Title';
 import AddToCart from './AddToCart';
+import DeleteItem from './DeleteItem';
 import formatMoney from '../lib/formatMoney';
-import { removeItemMutation } from '../enhancers/enhancers';
+import PropTypes from 'prop-types';
 
 const Item = styled.div`
   background: white;
@@ -57,11 +57,10 @@ const PriceTag = styled.span`
 `;
 
 class ItemComponent extends React.Component {
-  removeItem = () => {
-    if (confirm('Are you sure you want to delete this item?')) {
-      this.props.removeItem({ variables: { id: this.props.item.id } });
-    }
+  static propTypes = {
+    item: PropTypes.object.isRequired,
   };
+
   render() {
     const item = this.props.item;
     return (
@@ -92,12 +91,11 @@ class ItemComponent extends React.Component {
             <a>Edit ✏️</a>
           </Link>
           <AddToCart id={item.id} />
-          <button onClick={this.removeItem}>&times; Delete item</button>
+          <DeleteItem id={item.id} />
         </div>
       </Item>
     );
   }
 }
 
-export { ItemComponent };
-export default compose(removeItemMutation)(ItemComponent);
+export default ItemComponent;
-- 
cgit v1.3