adding Cart page placeholder

src/components/App.tsx

@@ -14,6 +14,9 @@ const App = () => {
         <Navigation />
       </header>
       <Switch>
+      <Route path="/cart">
+          <Checkout />
+        </Route>
         <Route path="/checkout">
           <Checkout />
         </Route>

src/components/Cart.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const Cart = () => {
+  return(
+    <div>Cart</div>
+  );
+};
+
+export default Cart;

src/components/CartButton.tsx

@@ -17,7 +17,7 @@ type PropsFromRedux = ConnectedProps<typeof connector>;
 
 const CartButton = (props: PropsFromRedux) => {
   return(
-    <Button variant="dark">My Cart {props.products.length}</Button>
+    <Button variant="dark" href="/cart">My Cart {props.products.length}</Button>
   );
 };