4
0
forked from crowetic/commerce

Check for nullables in product info

This commit is contained in:
Luis Alvarez 2020-10-12 17:59:13 -05:00
parent 6e8a6be6ba
commit d94396baac

View File

@ -8,17 +8,10 @@ import type { Product } from '@lib/bigcommerce/api/operations/get-product'
import useAddItem from '@lib/bigcommerce/cart/use-add-item' import useAddItem from '@lib/bigcommerce/cart/use-add-item'
import { useUI } from '@components/ui/context' import { useUI } from '@components/ui/context'
interface ProductData {
name: string
images?: any
prices?: any
path: string
}
interface Props { interface Props {
className?: string className?: string
children?: any children?: any
product: Product & ProductData product: Product
} }
interface Choices { interface Choices {
@ -56,16 +49,16 @@ const ProductView: FC<Props> = ({ product, className }) => {
{product.name} {product.name}
</h1> </h1>
<div className="px-6 py-2 pb-4 bg-violet text-white font-semibold inline-block"> <div className="px-6 py-2 pb-4 bg-violet text-white font-semibold inline-block">
{product.prices.price.value} {product.prices?.price.value}
{` `} {` `}
{product.prices.price.currencyCode} {product.prices?.price.currencyCode}
</div> </div>
</div> </div>
<div className="flex-1 h-48 p-24 relative min-h-screen overflow-hidden"> <div className="flex-1 h-48 p-24 relative min-h-screen overflow-hidden">
<div className="absolute z-10 inset-0 flex items-center justify-center"> <div className="absolute z-10 inset-0 flex items-center justify-center">
<img <img
className="w-full object-cover" className="w-full object-cover"
src={product.images.edges[0].node.urlSmall} src={product.images.edges?.[0]?.node.urlSmall}
/> />
</div> </div>
<div className=" absolute inset-24 z-0 bg-violet"></div> <div className=" absolute inset-24 z-0 bg-violet"></div>