[DGPFET-168] Create the Cart Page with REACT

submissions/bukunmiAdeniyi/React/src/components/CartList.js

@@ -1,35 +1,34 @@
-import React from "react"
+import React from "react";
 
-import './css/CartList.css'
+import "./css/CartList.css";
 
-import { FaTimes, FaMinus, FaPlus } from 'react-icons/fa'
+import { FaTimes, FaMinus, FaPlus } from "react-icons/fa";
 
-export const CartList = ({cartItem, addCart, onRemove, removeMenu}) => {
+export const CartList = ({ cartItem, addCart, onRemove, removeMenu }) => {
+  return (
+    <div>
+      <div className="cart-item">
+        <FaTimes onClick={() => removeMenu(cartItem)} className="fa-icons-x" />
+        <img className="cart-img" src={cartItem.image} alt={cartItem.title} />
 
-    return (
-        <div>
-            <div className='cart-item' >
-
-                <FaTimes onClick={() => removeMenu(cartItem)} className='fa-icons-x' />
-                <img className='cart-img' src={cartItem.image} alt={cartItem.title} />   
-
-                <span className='cart-name'>{cartItem.title}</span>
+        <span className="cart-name">{cartItem.title}</span>
 
-                <span className='price'>#{cartItem.cost * cartItem.qty} </span>
+        <span className="price">#{cartItem.cost * cartItem.qty} </span>
 
-                <div className='qty-btn'>
-
-                    <button onClick={() => addCart(cartItem)} ><FaPlus /></button>
-                    <span className='qty'>{cartItem.qty}</span>
-                    <button onClick={() => onRemove(cartItem)} ><FaMinus  /></button>
-
-                </div>
-            </div>
-
-            <hr />            
-
+        <div className="qty-btn">
+          <button onClick={() => addCart(cartItem)}>
+            <FaPlus />
+          </button>
+          <span className="qty">{cartItem.qty}</span>
+          <button onClick={() => onRemove(cartItem)}>
+            <FaMinus />
+          </button>
         </div>
-    )
-}
+      </div>
+
+      <hr />
+    </div>
+  );
+};
 
-export default CartList
+export default CartList;

submissions/pelumiAdetoye/css/html/vendor.html

@@ -187,7 +187,7 @@
 
                     <button class="addtocart" id="addtocart8">Add to Cart</button>
 
-                    <!-- <button class="removecart" style="display: none;">
+                    <!-- <button class=" cart" style="display: none;">
                         <img src = "../imgs/remove.svg" alt = ""/>  Remove
                     </button> -->
                 </div>