HashRouter added

Author: ebraj

src/components/Cart/Cart.jsx

@@ -3,7 +3,7 @@ import CartContent from "./CartContent";
 import "./CartContent.scss";
 
 const Cart = ({ cartContents }) => {
-  if (cartContents.length === 0) return false;
+  if (cartContents.length === 0) return <div></div>;
   return (
     <div className="py-5 px-6">
       <div className="lg:container mx-auto">

src/components/Cart/CartContent.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React from "react";
 import { commerce } from "../../lib/commerce";
 import "./CartContent.scss";
 
@@ -8,7 +8,6 @@ const CartContent = ({ cartItem }) => {
   const removeTheCartItem = (itemID) => {
     commerce.cart.remove(itemID);
   };
-  console.log(cartItem);
   return (
     <>
       <div className="e-grid-container-cart border my-5 p-2 font-light">

src/components/SpecsCmp/SpecsCmp.jsx

@@ -9,7 +9,7 @@ const SpecsCmp = ({ currentItem, addItemsToCart }) => {
   const inputChangeHandler = (e) => {
     setTotalItem(parseInt(e.target.value));
   };
-  if (currentItem.length === 0) return null;
+  if (currentItem.length === 0) return <div></div>;
   return (
     <div className="py-5 px-6">
       <div className="lg:container mx-auto">

src/index.js

@@ -1,6 +1,12 @@
 import React from "react";
 import ReactDOM from "react-dom";
+import { HashRouter } from "react-router-dom";
 import App from "./components/App";
 import "./index.css";
 
-ReactDOM.render(<App />, document.getElementById("root"));
+ReactDOM.render(
+  <HashRouter>
+    <App />
+  </HashRouter>,
+  document.getElementById("root")
+);