From 2a843d7700062bc7b2be33d1fa0e61abea71363c Mon Sep 17 00:00:00 2001 From: Enrique Benitez Date: Thu, 29 Oct 2020 16:04:13 -0600 Subject: [PATCH] Use price hook in slug page --- components/product/ProductView/ProductView.tsx | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/components/product/ProductView/ProductView.tsx b/components/product/ProductView/ProductView.tsx index 57df704c7..f4d8dd681 100644 --- a/components/product/ProductView/ProductView.tsx +++ b/components/product/ProductView/ProductView.tsx @@ -9,6 +9,7 @@ import { Swatch, ProductSlider } from '@components/product' import { Button, Container } from '@components/ui' import { HTMLContent } from '@components/core' +import usePrice from '@bigcommerce/storefront-data-hooks/use-price' import useAddItem from '@bigcommerce/storefront-data-hooks/cart/use-add-item' import type { ProductNode } from '@bigcommerce/storefront-data-hooks/api/operations/get-product' import { @@ -26,6 +27,11 @@ interface Props { const ProductView: FC = ({ product }) => { const addItem = useAddItem() + const { price } = usePrice({ + amount: product.prices?.price.value, + baseAmount: product.prices?.retailPrice?.value, + currencyCode: product.prices?.price?.currencyCode!, + }) const { openSidebar } = useUI() const options = getProductOptions(product) const [loading, setLoading] = useState(false) @@ -74,7 +80,7 @@ const ProductView: FC = ({ product }) => {

{product.name}

- {product.prices?.price.value} + {price} {` `} {product.prices?.price.currencyCode}