From 7b012564b0d5c79832535f52f5ec3af33205d6d7 Mon Sep 17 00:00:00 2001
From: Luis Alvarez <luis@vercel.com>
Date: Wed, 7 Oct 2020 15:33:36 -0500
Subject: [PATCH] use an anchor for the link to product

---
 components/product/ProductCard/ProductCard.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/components/product/ProductCard/ProductCard.tsx b/components/product/ProductCard/ProductCard.tsx
index 44ceb91cd..c5928c115 100644
--- a/components/product/ProductCard/ProductCard.tsx
+++ b/components/product/ProductCard/ProductCard.tsx
@@ -19,8 +19,6 @@ interface ProductData {
 }
 
 const ProductCard: FC<Props> = ({ className, node: p, variant }) => {
-  const rootClassName = cn(s.root, className)
-
   if (variant === 'slim') {
     return (
       <div className="relative overflow-hidden box-border">
@@ -39,7 +37,7 @@ const ProductCard: FC<Props> = ({ className, node: p, variant }) => {
 
   return (
     <Link href={`product${p.path}`}>
-      <div className={rootClassName}>
+      <a className={cn(s.root, className)}>
         <div className="absolute z-10 inset-0 flex items-center justify-center">
           <img
             className="w-full object-cover"
@@ -60,7 +58,7 @@ const ProductCard: FC<Props> = ({ className, node: p, variant }) => {
             <Heart />
           </div>
         </div>
-      </div>
+      </a>
     </Link>
   )
 }