From a717947ea24bbb0e0db86f1b1334f4b59868dd23 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Mon, 12 Oct 2020 10:02:09 -0300
Subject: [PATCH] Adding description

---
 .../cart/CartSidebarView/CartSidebarView.tsx  | 30 ++++++++++++++-----
 .../ProductCard/ProductCard.module.css        |  2 +-
 .../product/ProductView/ProductView.tsx       |  1 -
 3 files changed, 24 insertions(+), 9 deletions(-)

diff --git a/components/cart/CartSidebarView/CartSidebarView.tsx b/components/cart/CartSidebarView/CartSidebarView.tsx
index d9b276435..3731c318f 100644
--- a/components/cart/CartSidebarView/CartSidebarView.tsx
+++ b/components/cart/CartSidebarView/CartSidebarView.tsx
@@ -90,13 +90,29 @@ const CartSidebarView: FC = () => {
               ))}
             </ul>
           </div>
-          <div className="flex-shrink-0 px-4 border-t border-gray-200 py-5 sm:px-6">
-            <Button
-              width="100%"
-              onClick={() => {
-                openCheckout()
-              }}
-            >
+
+          <div className="flex-shrink-0 px-4  py-5 sm:px-6">
+            <div className="border-t border-gray-200">
+              <ul className="py-3">
+                <li className="flex justify-between py-1">
+                  <span>Subtotal</span>
+                  <span>$100</span>
+                </li>
+                <li className="flex justify-between py-1">
+                  <span>Taxes</span>
+                  <span>$9.99</span>
+                </li>
+                <li className="flex justify-between py-1">
+                  <span>Estimated Shipping</span>
+                  <span>FREE</span>
+                </li>
+              </ul>
+              <div className="flex justify-between border-t border-gray-300 py-3 font-bold mb-10">
+                <span>Total</span>
+                <span>$1320.23</span>
+              </div>
+            </div>
+            <Button width="100%" onClick={() => openCheckout()}>
               Proceed to Checkout
             </Button>
           </div>
diff --git a/components/product/ProductCard/ProductCard.module.css b/components/product/ProductCard/ProductCard.module.css
index a86de3c57..b361c527d 100644
--- a/components/product/ProductCard/ProductCard.module.css
+++ b/components/product/ProductCard/ProductCard.module.css
@@ -66,7 +66,7 @@
 }
 
 .productTitle {
-  @apply p-3 h-14 bg-white text-black font-bold text-lg truncate leading-8 inline-flex;
+  @apply p-3 h-14 bg-white text-black font-bold text-xl truncate leading-8 inline-flex;
   max-width: calc(100% - 50px);
 
   @screen lg {
diff --git a/components/product/ProductView/ProductView.tsx b/components/product/ProductView/ProductView.tsx
index fccdab80c..09b224d0f 100644
--- a/components/product/ProductView/ProductView.tsx
+++ b/components/product/ProductView/ProductView.tsx
@@ -16,7 +16,6 @@ interface ProductData {
   colors?: any[]
   sizes?: any[]
 }
-
 interface Props {
   className?: string
   children?: any