From c5e5cbaa68da95a4b2992a33f057e0438b3d4197 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Fri, 2 Oct 2020 12:03:42 -0300
Subject: [PATCH] Latest changes

---
 components/cart/CartSidebarView/CartSidebarView.tsx | 2 +-
 components/core/UserNav/UserNav.tsx                 | 2 +-
 components/product/ProductCard/ProductCard.tsx      | 3 ++-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/cart/CartSidebarView/CartSidebarView.tsx b/components/cart/CartSidebarView/CartSidebarView.tsx
index 5e1c5427c..e7e86f5de 100644
--- a/components/cart/CartSidebarView/CartSidebarView.tsx
+++ b/components/cart/CartSidebarView/CartSidebarView.tsx
@@ -12,7 +12,7 @@ const CartSidebarView: FC = () => {
         <div className="flex items-start justify-between space-x-3">
           <div className="h-7 flex items-center">
             <button
-              onClick={closeSidebar}
+              onClick={() => closeSidebar}
               aria-label="Close panel"
               className="text-gray-400 hover:text-gray-500 transition ease-in-out duration-150"
             >
diff --git a/components/core/UserNav/UserNav.tsx b/components/core/UserNav/UserNav.tsx
index 2d18903e9..a88d35526 100644
--- a/components/core/UserNav/UserNav.tsx
+++ b/components/core/UserNav/UserNav.tsx
@@ -16,7 +16,7 @@ const UserNav: FC<Props> = ({ className }) => {
   return (
     <nav className={rootClassName}>
       <ul className={s.list}>
-        <li className={s.item} onClick={openSidebar}>
+        <li className={s.item} onClick={() => openSidebar}>
           <Bag />
           <span className="bg-black h-4 w-4 absolute rounded-full inset-3 text-white flex items-center justify-center font-bold text-xs">
             1
diff --git a/components/product/ProductCard/ProductCard.tsx b/components/product/ProductCard/ProductCard.tsx
index 4abbd607a..4d68a9d34 100644
--- a/components/product/ProductCard/ProductCard.tsx
+++ b/components/product/ProductCard/ProductCard.tsx
@@ -11,6 +11,7 @@ interface Props {
 interface ProductData {
   name: string
   images: any
+  prices: any
 }
 
 const ProductCard: FC<Props> = ({ className, productData }) => {
@@ -28,7 +29,7 @@ const ProductCard: FC<Props> = ({ className, productData }) => {
           </div>
           <div>
             <div className="px-6 py-1 pb-3 bg-white text-black font-semibold inline-block text-sm leading-6">
-              $50
+              ${productData.prices.price.value}
             </div>
           </div>
         </div>