forked from crowetic/commerce
Updated the useRemoveItem hook
This commit is contained in:
parent
c2096a8ab4
commit
cc0e62cd7e
@ -4,13 +4,13 @@ import { default as useCartAddItem } from '@lib/commerce/cart/use-add-item'
|
|||||||
import type { ItemBody, AddItemBody } from '../api/cart'
|
import type { ItemBody, AddItemBody } from '../api/cart'
|
||||||
import { Cart, useCart } from '.'
|
import { Cart, useCart } from '.'
|
||||||
|
|
||||||
export type UpdateItemInput = ItemBody
|
|
||||||
|
|
||||||
const defaultOpts = {
|
const defaultOpts = {
|
||||||
url: '/api/bigcommerce/cart',
|
url: '/api/bigcommerce/cart',
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export type UpdateItemInput = ItemBody
|
||||||
|
|
||||||
export const fetcher: HookFetcher<Cart, AddItemBody> = (
|
export const fetcher: HookFetcher<Cart, AddItemBody> = (
|
||||||
options,
|
options,
|
||||||
{ item },
|
{ item },
|
||||||
|
@ -1,34 +1,51 @@
|
|||||||
import { useCallback } from 'react'
|
import { useCallback } from 'react'
|
||||||
import type { Fetcher } from '@lib/commerce'
|
import { HookFetcher } from '@lib/commerce/utils/types'
|
||||||
import { default as useCartRemoveItem } from '@lib/commerce/cart/use-remove-item'
|
import { default as useCartRemoveItem } from '@lib/commerce/cart/use-remove-item'
|
||||||
import type { RemoveItemBody } from '../api/cart'
|
import type { RemoveItemBody } from '../api/cart'
|
||||||
import { Cart, useCart } from '.'
|
import { Cart, useCart } from '.'
|
||||||
|
|
||||||
|
const defaultOpts = {
|
||||||
|
url: '/api/bigcommerce/cart',
|
||||||
|
method: 'DELETE',
|
||||||
|
}
|
||||||
|
|
||||||
export type RemoveItemInput = {
|
export type RemoveItemInput = {
|
||||||
id: string
|
id: string
|
||||||
}
|
}
|
||||||
|
|
||||||
export function fetcher(
|
export const fetcher: HookFetcher<Cart | null, RemoveItemBody> = (
|
||||||
fetch: Fetcher<Cart | null>,
|
options,
|
||||||
{ itemId }: RemoveItemBody
|
{ itemId },
|
||||||
) {
|
fetch
|
||||||
|
) => {
|
||||||
return fetch({
|
return fetch({
|
||||||
url: '/api/bigcommerce/cart',
|
url: options.url!,
|
||||||
method: 'DELETE',
|
method: options.method!,
|
||||||
body: { itemId },
|
body: { itemId },
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function useRemoveItem(item?: any) {
|
function extend(customFetcher: typeof fetcher) {
|
||||||
const { mutate } = useCart()
|
const useRemoveItem = (item?: any) => {
|
||||||
const fn = useCartRemoveItem<Cart | null, RemoveItemBody>(fetcher)
|
const { mutate } = useCart()
|
||||||
|
const fn = useCartRemoveItem<Cart | null, RemoveItemBody>(
|
||||||
|
defaultOpts,
|
||||||
|
customFetcher
|
||||||
|
)
|
||||||
|
|
||||||
return useCallback(
|
return useCallback(
|
||||||
async function removeItem(input: RemoveItemInput) {
|
async function removeItem(input: RemoveItemInput) {
|
||||||
const data = await fn({ itemId: input.id ?? item?.id })
|
const data = await fn({ itemId: input.id ?? item?.id })
|
||||||
await mutate(data, false)
|
await mutate(data, false)
|
||||||
return data
|
return data
|
||||||
},
|
},
|
||||||
[fn, mutate]
|
[fn, mutate]
|
||||||
)
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
useRemoveItem.extend = extend
|
||||||
|
|
||||||
|
return useRemoveItem
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export default extend(fetcher)
|
||||||
|
@ -1,14 +1,16 @@
|
|||||||
import { useCallback } from 'react'
|
import { useCallback } from 'react'
|
||||||
import { Fetcher, useCommerce } from '..'
|
import { HookFetcher, HookFetcherOptions } from '../utils/types'
|
||||||
|
import { useCommerce } from '..'
|
||||||
|
|
||||||
export default function useRemoveItem<T, Input>(
|
export default function useRemoveItem<T, Input>(
|
||||||
fetcher: (fetch: Fetcher<T>, input: Input) => T | Promise<T>
|
options: HookFetcherOptions,
|
||||||
|
fetcher: HookFetcher<T, Input>
|
||||||
) {
|
) {
|
||||||
const { fetcherRef } = useCommerce()
|
const { fetcherRef } = useCommerce()
|
||||||
|
|
||||||
return useCallback(
|
return useCallback(
|
||||||
function removeItem(input: Input) {
|
function removeItem(input: Input) {
|
||||||
return fetcher(fetcherRef.current, input)
|
return fetcher(options, input, fetcherRef.current)
|
||||||
},
|
},
|
||||||
[fetcher]
|
[fetcher]
|
||||||
)
|
)
|
||||||
|
Loading…
x
Reference in New Issue
Block a user