From a067d197789308cf5b0fbf290987d2bc9812e371 Mon Sep 17 00:00:00 2001
From: Daniele Pancottini <daniele.pancottini@studio.unibo.it>
Date: Sun, 5 Feb 2023 20:48:34 +0100
Subject: [PATCH] Fix Product card hook
---
site/components/product/ProductCard/ProductCard.tsx | 5 ++---
1 file changed, 2 insertions(+), 3 deletions(-)
diff --git a/site/components/product/ProductCard/ProductCard.tsx b/site/components/product/ProductCard/ProductCard.tsx
index 3c430774e..ec3623d14 100644
--- a/site/components/product/ProductCard/ProductCard.tsx
+++ b/site/components/product/ProductCard/ProductCard.tsx
@@ -6,8 +6,6 @@ import s from './ProductCard.module.css'
import Image, { ImageProps } from 'next/image'
import WishlistButton from '@components/wishlist/WishlistButton'
import usePrice from '@framework/product/use-price'
-import ProductTag from '../ProductTag'
-import ProductCardExtended from '../ProductCardExtended/ProductCardExtended'
import { Stack, Text, Heading, Box, useColorModeValue } from '@chakra-ui/react'
interface Props {
@@ -40,6 +38,7 @@ const ProductCard: FC<Props> = ({
)
const [isHover, setIsHover] = useState(false)
+ const hoverCardBgColor = useColorModeValue('white', 'gray.800')
return (
<Link href={`/product/${product.slug}`}>
@@ -127,7 +126,7 @@ const ProductCard: FC<Props> = ({
role={'group'}
p={6}
w={'full'}
- bg={useColorModeValue('white', 'gray.800')}
+ bg={hoverCardBgColor}
zIndex={1}>
{process.env.COMMERCE_WISHLIST_ENABLED && (
<WishlistButton