Merge branch 'master' into randyridge/our

1 files changed, 10 insertions, 13 deletions

diff --git a/finished-application/frontend/components/Item.js b/finished-application/frontend/components/Item.js
index d6b339e..2741dcf 100644
--- a/finished-application/frontend/components/Item.js
+++ b/finished-application/frontend/components/Item.js
@@ -1,23 +1,24 @@
-import React from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import Link from 'next/link';
 import Title from './styles/Title';
-import AddToCart from './AddToCart';
-import DeleteItem from './DeleteItem';
-import formatMoney from '../lib/formatMoney';
 import ItemStyles from './styles/ItemStyles';
 import PriceTag from './styles/PriceTag';
+import formatMoney from '../lib/formatMoney';
+import DeleteItem from './DeleteItem';
+import AddToCart from './AddToCart';
 
-class Item extends React.Component {
+export default class Item extends Component {
   static propTypes = {
     item: PropTypes.object.isRequired,
   };
 
   render() {
-    const item = this.props.item;
+    const { item } = this.props;
     return (
-      <ItemStyles key={item.id}>
+      <ItemStyles>
         {item.image && <img src={item.image} alt={item.title} />}
+
         <Title>
           <Link
             href={{
@@ -28,26 +29,22 @@ class Item extends React.Component {
             <a>{item.title}</a>
           </Link>
         </Title>
-
         <PriceTag>{formatMoney(item.price)}</PriceTag>
-
         <p>{item.description}</p>
 
         <div className="buttonList">
           <Link
             href={{
-              pathname: '/update',
+              pathname: 'update',
               query: { id: item.id },
             }}
           >
             <a>Edit ✏️</a>
           </Link>
           <AddToCart id={item.id} />
-          <DeleteItem id={item.id} />
+          <DeleteItem id={item.id}>Delete This Item</DeleteItem>
         </div>
       </ItemStyles>
     );
   }
 }
-
-export default Item;