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

Type changes

Browse Source
This commit is contained in:
Luis Alvarez 2020-10-07 15:27:22 -05:00
parent fe66a8d746
commit e874f43abc
5 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/cart/CartItem/CartItem.tsx
View File

@ -81,7 +81,7 @@ const CartItem = ({
<span>{price}</span>
<button
className="flex justify-end"
onClick={() => removeItem({ itemId: item.id })}
onClick={() => removeItem({ id: item.id })}
>
<Trash />
</button>

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

@ -30,10 +30,8 @@ const ProductView: FC<Props> = ({ product, productData, className }) => {
const addToCart = () => {
// TODO: loading state by awating the promise
addItem({
item: {
productId: product.entityId,
variantId: product.variants.edges?.[0]?.node.entityId!,
},
productId: product.entityId,
variantId: product.variants.edges?.[0]?.node.entityId!,
})
}

6
lib/bigcommerce/cart/use-add-item.tsx
View File

@ -3,7 +3,7 @@ import { default as useCartAddItem } from '@lib/commerce/cart/use-add-item'
import type { ItemBody, AddItemBody } from '../api/cart'
import { Cart, useCart } from '.'
export type { ItemBody, AddItemBody }
export type UpdateItemInput = ItemBody
function fetcher(fetch: Fetcher<Cart>, { item }: AddItemBody) {
if (
@ -21,8 +21,8 @@ function fetcher(fetch: Fetcher<Cart>, { item }: AddItemBody) {
export default function useAddItem() {
const { mutate } = useCart()
const fn = useCartAddItem<Cart, AddItemBody>(fetcher)
const addItem: typeof fn = async (input) => {
const data = await fn(input)
const addItem = async (input: UpdateItemInput) => {
const data = await fn({ item: input })
await mutate(data, false)
return data
}

12
lib/bigcommerce/cart/use-remove-item.tsx
View File

@ -1,9 +1,11 @@
import type { Fetcher } from '@lib/commerce'
import { default as useCartRemoveItem } from '@lib/commerce/cart/use-remove-item'
import type { ItemBody, RemoveItemBody } from '../api/cart'
import type { RemoveItemBody } from '../api/cart'
import { Cart, useCart } from '.'
export type { ItemBody, RemoveItemBody }
export type RemoveItemInput = {
id: string
}
export function fetcher(
fetch: Fetcher<Cart | null>,
@ -16,11 +18,11 @@ export function fetcher(
})
}
export default function useRemoveItem() {
export default function useRemoveItem(item?: any) {
const { mutate } = useCart()
const fn = useCartRemoveItem<Cart | null, RemoveItemBody>(fetcher)
const removeItem: typeof fn = async (input) => {
const data = await fn(input)
const removeItem = async (input: RemoveItemInput) => {
const data = await fn({ itemId: input.id ?? item?.id })
await mutate(data, false)
return data
}

8
lib/bigcommerce/cart/use-update-item.tsx
View File

@ -26,15 +26,15 @@ function fetcher(
})
}
export default function useUpdateItem(item: any = {}) {
export default function useUpdateItem(item?: any) {
const { mutate } = useCart()
const fn = useCartUpdateItem<Cart | null, UpdateItemBody>(fetcher)
const updateItem = async (input: UpdateItemInput) => {
const data = await fn({
itemId: input.id ?? item.id,
itemId: input.id ?? item?.id,
item: {
productId: input.productId ?? item.product_id,
variantId: input.productId ?? item.variant_id,
productId: input.productId ?? item?.product_id,
variantId: input.productId ?? item?.variant_id,
quantity: input.quantity,
},
})