From 6714ae8d4807f37fbfefb3e2a579951d5ec67d56 Mon Sep 17 00:00:00 2001
From: Daniele Pancottini <daniele.pancottini@studio.unibo.it>
Date: Sat, 4 Mar 2023 10:22:11 +0100
Subject: [PATCH] Implement touch event into product card component

---
 site/components/product/ProductCard/ProductCard.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/site/components/product/ProductCard/ProductCard.tsx b/site/components/product/ProductCard/ProductCard.tsx
index 9d264ab5c..cf6ede438 100644
--- a/site/components/product/ProductCard/ProductCard.tsx
+++ b/site/components/product/ProductCard/ProductCard.tsx
@@ -45,7 +45,14 @@ const ProductCard: FC<Props> = ({
     <Card>
       <CardBody>
         <Link href={`/product/${product.slug}`}>
-          <a className={rootClassName} aria-label={product.name} onMouseOut={() => setIsHover(false)} onMouseOver={() => setIsHover(true)}>
+          <a 
+            className={rootClassName}
+            aria-label={product.name} 
+            onTouchStart={() => setIsHover(true)} 
+            onTouchEnd={() => setIsHover(false)} 
+            onMouseOut={() => setIsHover(false)}
+            onMouseOver={() => setIsHover(true)}
+          >
             {variant === 'slim' && !isHover && (
               <>
                 <div className={s.header}>