cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

Removed no longer required cart mock

Browse Source
This commit is contained in:
Luis Alvarez 2020-10-05 10:17:46 -05:00
parent eb5fdebcf5
commit 55ac91fcee
2 changed files with 2 additions and 105 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lib/bigcommerce/cart/index.tsx
View File

@ -18,6 +18,8 @@ export const CartProvider: FC = ({ children }) => {
export function useCart() { export function useCart() {
const cart = useCommerceCart<Cart>() const cart = useCommerceCart<Cart>()
// Uses a getter to only calculate the prop when required
// cart.data is also a getter and it's better to not trigger it early
Object.defineProperty(cart, 'isEmpty', { Object.defineProperty(cart, 'isEmpty', {
get() { get() {
return Object.values(cart.data?.line_items ?? {}).every( return Object.values(cart.data?.line_items ?? {}).every(

105
lib/cart.js
View File

@ -1,105 +0,0 @@
import { useState, useCallback } from 'react'
import useSWR, { mutate } from 'swr'
async function getText(res) {
try {
return (await res.text()) || res.statusText
} catch (error) {
return res.statusText
}
}
async function getError(res) {
if (res.headers.get('Content-Type')?.includes('application/json')) {
const data = await res.json()
return data.errors[0]
}
return { message: await getText(res) }
}
async function fetcher(url) {
const res = await fetch(url)
if (res.status === 200) {
return res.json()
}
throw await getError(res)
}
export function useCart() {
return useSWR('/api/cart', fetcher)
}
export function useAddToCart() {
const [{ addingToCart, error }, setStatus] = useState({
addingToCart: false,
})
const addToCart = useCallback(async ({ product }) => {
setStatus({ addingToCart: true })
const res = await fetch('/api/cart', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ product }),
})
// Product added as expected
if (res.status === 200) {
setStatus({ addingToCart: false })
return mutate('/api/cart')
}
const error = await getError(res)
console.error('Adding product to cart failed with:', res.status, error)
setStatus({ addingToCart: false, error })
}, [])
return { addToCart, addingToCart, error }
}
export function useUpdateCart() {
const [{ updatingCart, error }, setStatus] = useState({
updatingCart: false,
})
const updateCart = useCallback(async ({ product, item }) => {
setStatus({ updatingCart: true })
const res = await fetch(
`/api/cart?itemId=${item.id}`,
product.quantity < 1
? { method: 'DELETE' }
: {
method: 'PUT',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ product }),
}
)
// Product updated as expected
if (res.status === 200) {
setStatus({ updatingCart: false })
return mutate('/api/cart')
}
const error = await getError(res)
console.error('Update to cart failed with:', res.status, error)
setStatus({ updatingCart: false, error })
}, [])
return { updateCart, updatingCart, error }
}
export function useRemoveFromCart() {
const { updateCart, updatingCart, error } = useUpdateCart()
const removeFromCart = async ({ item }) => {
updateCart({ item, product: { quantity: 0 } })
}
return { removeFromCart, removingFromCart: updatingCart, error }
}