crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-23 04:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Try to fix image mapper problem

Browse Source
This commit is contained in:
Daniele Pancottini
2023-02-07 11:17:37 +01:00
parent a067d19778
commit 705232dece
5 changed files with 40 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
site/components/common/HomePage/PolygonModal/PolygonModal.tsx
View File

@@ -9,7 +9,7 @@ import {
import decadesManifest from '../../../../static_data/decadesManifest.json'
import { useRouter } from 'next/router'
import { useEffect, useRef, useState } from 'react'
import ImageMapper from 'react-img-mapper'
import ImageMapper from 'reactjs-img-mapper'
import Image from 'next/image'
export default function MarkerCardModal(props: {

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

@@ -39,6 +39,7 @@ const ProductCard: FC<Props> = ({
const [isHover, setIsHover] = useState(false)
const hoverCardBgColor = useColorModeValue('white', 'gray.800')
const fontColor = useColorModeValue("black", "black");
return (
<Link href={`/product/${product.slug}`}>
@@ -152,11 +153,11 @@ const ProductCard: FC<Props> = ({
)}
</div>
<Stack backgroundColor={"white"} pt={10} align={'center'}>
<Heading fontSize={'lg'} fontFamily={'body'} fontWeight={500} textAlign={"center"}>
<Heading color={fontColor} fontSize={'lg'} fontFamily={'body'} fontWeight={500} textAlign={"center"}>
{product.name}
</Heading>
<Stack direction={'row'} align={'center'}>
<Text fontWeight={800} fontSize={'xl'}>
<Text color={fontColor} fontWeight={800} fontSize={'xl'}>
{`${price} ${product.price?.currencyCode}`}
</Text>
</Stack>