crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-06-19 05:31:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Allow a product variant to have a different price

Browse Source
This commit is contained in:
royderks 2021-05-18 15:43:02 +02:00
parent d838f34c73
commit 4ac140ffbd
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/product/ProductView/ProductView.tsx
View File

@ -19,15 +19,18 @@ interface Props {
const ProductView: FC<Props> = ({ product }) => {
const addItem = useAddItem()
const { price } = usePrice({
amount: product.price.value,
baseAmount: product.price.retailPrice,
currencyCode: product.price.currencyCode!,
})
const { openSidebar } = useUI()
const [loading, setLoading] = useState(false)
const [choices, setChoices] = useState<SelectedOptions>({})
const variant = getVariant(product, choices)
const { price } = usePrice({
amount: variant?.price!.value || product.price.value,
baseAmount: variant?.price!.retailPrice || product.price.retailPrice,
currencyCode: variant?.price!.currencyCode! || product.price.currencyCode!,
})
useEffect(() => {
// Selects the default option
product.variants[0].options?.forEach((v) => {
@ -38,8 +41,6 @@ const ProductView: FC<Props> = ({ product }) => {
})
}, [])
const variant = getVariant(product, choices)
const addToCart = async () => {
setLoading(true)
try {

1
framework/commerce/types.ts
View File

@ -190,6 +190,7 @@ interface ProductImage {
interface ProductVariant2 {
id: string | number
options: ProductOption[]
price?: ProductPrice
}
interface ProductPrice {