messing with nav links

ecom-web/src/components/Header/header-cart.jsx

 import React, { Component } from 'react'
 import './header.css';
 
+import { NavLink} from 'react-router-dom'
+import Nav from 'react-bootstrap/Nav'
+
 export default class HeaderCart extends Component {
     constructor(props) {
         super(props)
@@ -10,7 +13,7 @@ export default class HeaderCart extends Component {
     render() {
         return (
             <div>
-                Cart
+                <Nav.Link href="/cart">Cart</Nav.Link>
             </div>
         )
     }

ecom-web/src/components/Header/header.js

@@ -29,8 +29,8 @@ export default class Header extends Component {
                     <Navbar.Toggle aria-controls="responsive-navbar-nav" />
                     <Navbar.Collapse id="responsive-navbar-nav">
                         <Nav className="mr-auto">
-                            <Nav.Link to="/product-market" id="nav-home-link">Home</Nav.Link>
-                            <Nav.Link to="/product-market">Products</Nav.Link>
+                            <Nav.Link href="/product-market" id="nav-home-link">Home</Nav.Link>
+                            <Nav.Link href="/product-market">Products</Nav.Link>
                         </Nav>
                         <Nav className="ms-auto">
                             {!this.props.user?.currentUser ? 

ecom-web/src/components/shopping-cart/shopping-cart.js

@@ -19,14 +19,14 @@ export default function ShoppingCart() {
     const productsFromRefs = []
 
     cartRefs.map((cartRef) => {
-      productsFromRefs.push(({product: allProducts.filter((currProduct) => (currProduct.sku === cartRef.productRef.sku))[0], quantity: cartRef.quantity}))
+      productsFromRefs.push(({ product: allProducts.filter((currProduct) => (currProduct.sku === cartRef.productRef.sku))[0], quantity: cartRef.quantity }))
     })
 
     setCartItems(productsFromRefs)
 
   }, [cartRefs])
 
-  
+
   // This function deletes an item from the user's cart
   let handleDelete = (skuToBeDeleted) => {
     console.log("SKU to be deleted: " + skuToBeDeleted)
@@ -38,15 +38,15 @@ export default function ShoppingCart() {
 
   let updateCart = async () => {
 
-    const cartUpdateObj = {
-      userId: userSession.email,
-      cartItems: cartRefs
-    }
+      const cartUpdateObj = {
+        userId: userSession.email,
+        cartItems: cartRefs
+      }
 
-    console.log(JSON.stringify(cartUpdateObj))
+      console.log(JSON.stringify(cartUpdateObj))
 
-    const response = await axios.put(`http://localhost:8080/api/carts/${userSession.email}`, cartUpdateObj)
-    return response
+      const response = await axios.put(`http://localhost:8080/api/carts/${userSession.email}`, cartUpdateObj)
+      return response
   }
 
 
@@ -64,11 +64,11 @@ export default function ShoppingCart() {
       <div id="cartItemList">
         {cartItems.map((currItem) => {
           return (
-            <CartItem 
-                  productInfo={currItem.product} 
-                  quantity={currItem.quantity} 
-                  handleDelete={handleDelete}
-                  key={currItem.product.sku} 
+            <CartItem
+              productInfo={currItem.product}
+              quantity={currItem.quantity}
+              handleDelete={handleDelete}
+              key={currItem.product.sku}
             />
           )
         })}