crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-03-14 22:42:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Open cart sidebar after adding an item

Browse Source
This commit is contained in:
Luis Alvarez 2020-10-07 15:30:25 -05:00
parent e874f43abc
commit ee1051c2ca
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6,6 +6,7 @@ import { Swatch } from '@components/product'
import { Colors } from '@components/ui/types'
import type { Product } from '@lib/bigcommerce/api/operations/get-product'
import useAddItem from '@lib/bigcommerce/cart/use-add-item'
import { useUI } from '@components/ui/context'
interface ProductData {
name: string
@ -27,12 +28,14 @@ const COLORS: Colors[] = ['pink', 'black', 'white']
const ProductView: FC<Props> = ({ product, productData, className }) => {
const addItem = useAddItem()
const addToCart = () => {
const { openSidebar } = useUI()
const addToCart = async () => {
// TODO: loading state by awating the promise
addItem({
await addItem({
productId: product.entityId,
variantId: product.variants.edges?.[0]?.node.entityId!,
})
openSidebar()
}
return (