From b23896998c74dc4cf181e1abc79d63220542d741 Mon Sep 17 00:00:00 2001
From: Martin Bavio <mbavio@gmail.com>
Date: Tue, 27 Oct 2020 00:31:44 -0300
Subject: [PATCH] Add link for slim version of product card

---
 .../product/ProductCard/ProductCard.tsx       | 88 +++++++++----------
 1 file changed, 44 insertions(+), 44 deletions(-)

diff --git a/components/product/ProductCard/ProductCard.tsx b/components/product/ProductCard/ProductCard.tsx
index 345c31177..cad54c4da 100644
--- a/components/product/ProductCard/ProductCard.tsx
+++ b/components/product/ProductCard/ProductCard.tsx
@@ -31,56 +31,56 @@ const ProductCard: FC<Props> = ({
     currencyCode: p.prices?.price?.currencyCode!,
   })
 
-  if (variant === 'slim') {
-    return (
-      <div className="relative overflow-hidden box-border">
-        <div className="absolute inset-0 flex items-center justify-end mr-8 z-20">
-          <span className="bg-black text-white inline-block p-3 font-bold text-xl break-words">
-            {p.name}
-          </span>
-        </div>
-        <EnhancedImage
-          src={p.images.edges?.[0]?.node.urlOriginal!}
-          alt={p.name}
-          width={imgWidth}
-          height={imgHeight}
-          priority={priority}
-          quality="90"
-        />
-      </div>
-    )
-  }
-
   return (
     <Link href={`/product${p.path}`}>
       <a
         className={cn(s.root, { [s.simple]: variant === 'simple' }, className)}
       >
-        <div className={s.squareBg} />
-        <div className="flex flex-row justify-between box-border w-full z-20 absolute">
-          <div className="absolute top-0 left-0 pr-16 max-w-full">
-            <h3 className={s.productTitle}>
-              <span>{p.name}</span>
-            </h3>
-            <span className={s.productPrice}>{price}</span>
+        {variant === 'slim' ? (
+          <div className="relative overflow-hidden box-border">
+            <div className="absolute inset-0 flex items-center justify-end mr-8 z-20">
+              <span className="bg-black text-white inline-block p-3 font-bold text-xl break-words">
+                {p.name}
+              </span>
+            </div>
+            <EnhancedImage
+              src={p.images.edges?.[0]?.node.urlOriginal!}
+              alt={p.name}
+              width={imgWidth}
+              height={imgHeight}
+              priority={priority}
+              quality="90"
+            />
           </div>
-          <WishlistButton
-            className={s.wishlistButton}
-            productId={p.entityId}
-            variant={p.variants.edges?.[0]!}
-          />
-        </div>
-        <div className={s.imageContainer}>
-          <EnhancedImage
-            alt={p.name}
-            className={cn('w-full object-cover', s['product-image'])}
-            src={src}
-            width={imgWidth}
-            height={imgHeight}
-            priority={priority}
-            quality="90"
-          />
-        </div>
+        ) : (
+          <>
+            <div className={s.squareBg} />
+            <div className="flex flex-row justify-between box-border w-full z-20 absolute">
+              <div className="absolute top-0 left-0 pr-16 max-w-full">
+                <h3 className={s.productTitle}>
+                  <span>{p.name}</span>
+                </h3>
+                <span className={s.productPrice}>{price}</span>
+              </div>
+              <WishlistButton
+                className={s.wishlistButton}
+                productId={p.entityId}
+                variant={p.variants.edges?.[0]!}
+              />
+            </div>
+            <div className={s.imageContainer}>
+              <EnhancedImage
+                alt={p.name}
+                className={cn('w-full object-cover', s['product-image'])}
+                src={src}
+                width={imgWidth}
+                height={imgHeight}
+                priority={priority}
+                quality="90"
+              />
+            </div>
+          </>
+        )}
       </a>
     </Link>
   )