forked from crowetic/commerce
Removed no longer required cart mock
This commit is contained in:
parent
eb5fdebcf5
commit
55ac91fcee
@ -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
105
lib/cart.js
@ -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 }
|
|
||||||
}
|
|
Loading…
x
Reference in New Issue
Block a user