4
0
forked from crowetic/commerce

Updated the useRemoveItem hook

This commit is contained in:
Luis Alvarez 2020-10-09 10:44:54 -05:00
parent c2096a8ab4
commit cc0e62cd7e
3 changed files with 42 additions and 23 deletions

View File

@ -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 },

View File

@ -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)

View File

@ -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]
) )