crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-17 06:56: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> <Card>
<CardBody> <CardBody>
<Link href={`/product/${product.slug}`}> <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 && ( {variant === 'slim' && !isHover && (
<> <>
<div className={s.header}> <div className={s.header}>