From a85772a73efaad8b857b7f31349cd8400f9d779b Mon Sep 17 00:00:00 2001
From: Vinicius Zucatti <viniciuszucatti@gmail.com>
Date: Fri, 19 Mar 2021 13:02:59 -0300
Subject: [PATCH] Click image in cart should go to product (#227)

Co-authored-by: B <curciobelen@gmail.com>
---
 components/cart/CartItem/CartItem.tsx | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/components/cart/CartItem/CartItem.tsx b/components/cart/CartItem/CartItem.tsx
index cb7f8600e..e6820d32c 100644
--- a/components/cart/CartItem/CartItem.tsx
+++ b/components/cart/CartItem/CartItem.tsx
@@ -92,15 +92,18 @@ const CartItem = ({
       })}
       {...rest}
     >
-      <div className="w-16 h-16 bg-violet relative overflow-hidden">
-        <Image
-          className={s.productImage}
-          width={150}
-          height={150}
-          src={item.variant.image!.url}
-          alt={item.variant.image!.altText}
-          unoptimized
-        />
+      <div className="w-16 h-16 bg-violet relative overflow-hidden cursor-pointer">
+        <Link href={`/product/${item.path}`}>
+          <Image
+            onClick={() => closeSidebarIfPresent()}
+            className={s.productImage}
+            width={150}
+            height={150}
+            src={item.variant.image!.url}
+            alt={item.variant.image!.altText}
+            unoptimized
+          />
+        </Link>
       </div>
       <div className="flex-1 flex flex-col text-base">
         <Link href={`/product/${item.path}`}>