crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-16 14:36:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Implement touch event into product card component

Browse Source
This commit is contained in:
Daniele Pancottini 2023-03-04 10:22:11 +01:00
parent bb2c749524
commit 6714ae8d48
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
site/components/product/ProductCard/ProductCard.tsx
View File

@ -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}>