1 files changed, 8 insertions, 8 deletions
diff --git a/finished-application/frontend/components/CartItem.js b/finished-application/frontend/components/CartItem.js
index 6c6d575..b0ce62e 100644
--- a/finished-application/frontend/components/CartItem.js
+++ b/finished-application/frontend/components/CartItem.js
@@ -1,3 +1,4 @@
+import React from 'react';
 import styled from 'styled-components';
 import PropTypes from 'prop-types';
 import formatMoney from '../lib/formatMoney';
@@ -12,30 +13,29 @@ const CartItemStyles = styled.li`
   img {
     margin-right: 10px;
   }
-  h3 {
-    margin: 0;
-  }
+  h3,
   p {
     margin: 0;
   }
 `;
 
 const CartItem = ({ cartItem }) => {
+  // first check if that item exists
   if (!cartItem.item)
     return (
-      <CartItemStyles key={cartItem.id}>
-        <p>Ack! That Item is gone!</p>
+      <CartItemStyles>
+        <p>This Item has been removed</p>
         <RemoveFromCart id={cartItem.id} />
       </CartItemStyles>
     );
   return (
-    <CartItemStyles key={cartItem.id}>
+    <CartItemStyles>
       <img width="100" src={cartItem.item.image} alt={cartItem.item.title} />
       <div className="cart-item-details">
         <h3>{cartItem.item.title}</h3>
         <p>
-          {formatMoney(cartItem.quantity * cartItem.item.price)}
-          {' — '}
+          {formatMoney(cartItem.item.price * cartItem.quantity)}
+          {' - '}
           <em>
             {cartItem.quantity} &times; {formatMoney(cartItem.item.price)} each
           </em>