From 5172b151056de4b2a6d0bfb0fb0a0bc648fd00fc Mon Sep 17 00:00:00 2001
From: Patrick Brandt <patrick@fullstory.com>
Date: Mon, 3 Feb 2020 22:06:30 -0500
Subject: [PATCH] adding Cart page placeholder

---
 src/components/App.tsx        | 3 +++
 src/components/Cart.tsx       | 9 +++++++++
 src/components/CartButton.tsx | 2 +-
 3 files changed, 13 insertions(+), 1 deletion(-)
 create mode 100644 src/components/Cart.tsx

diff --git a/src/components/App.tsx b/src/components/App.tsx
index b9bc744..d31e3b8 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -14,6 +14,9 @@ const App = () => {
         <Navigation />
       </header>
       <Switch>
+      <Route path="/cart">
+          <Checkout />
+        </Route>
         <Route path="/checkout">
           <Checkout />
         </Route>
diff --git a/src/components/Cart.tsx b/src/components/Cart.tsx
new file mode 100644
index 0000000..f6e9e85
--- /dev/null
+++ b/src/components/Cart.tsx
@@ -0,0 +1,9 @@
+import React from 'react';
+
+const Cart = () => {
+  return(
+    <div>Cart</div>
+  );
+};
+
+export default Cart;
\ No newline at end of file
diff --git a/src/components/CartButton.tsx b/src/components/CartButton.tsx
index 4b49fd2..53fc748 100644
--- a/src/components/CartButton.tsx
+++ b/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>
   );
 };