54 lines
1.2 KiB
TypeScript
54 lines
1.2 KiB
TypeScript
|
'use client';
|
||
|
|
|
||
|
|
import { useEffect, useState, useCallback } from 'react';
|
||
|
|
import {
|
||
|
|
getCartProductIds,
|
||
|
|
addProductToCart,
|
||
|
|
removeProductFromCart,
|
||
|
|
clearCart,
|
||
|
|
} from '../services/cart';
|
||
|
|
|
||
|
|
export function useCart() {
|
||
|
|
const [cartIds, setCartIds] = useState<number[] | null>(null);
|
||
|
|
|
||
|
|
// Load cart lần đầu
|
||
|
|
useEffect(() => {
|
||
|
|
setCartIds(getCartProductIds());
|
||
|
|
}, []);
|
||
|
|
|
||
|
|
const refresh = useCallback(() => {
|
||
|
|
setCartIds(getCartProductIds());
|
||
|
|
}, []);
|
||
|
|
|
||
|
|
const addToCart = useCallback((productId: number) => {
|
||
|
|
addProductToCart(productId);
|
||
|
|
refresh();
|
||
|
|
}, [refresh]);
|
||
|
|
|
||
|
|
const removeFromCart = useCallback((productId: number) => {
|
||
|
|
removeProductFromCart(productId);
|
||
|
|
refresh();
|
||
|
|
}, [refresh]);
|
||
|
|
|
||
|
|
const clear = useCallback(() => {
|
||
|
|
clearCart();
|
||
|
|
setCartIds([]);
|
||
|
|
}, []);
|
||
|
|
|
||
|
|
const isInCart = useCallback(
|
||
|
|
(productId: number) => cartIds?.includes(productId) ?? false,
|
||
|
|
[cartIds]
|
||
|
|
);
|
||
|
|
|
||
|
|
return {
|
||
|
|
cartIds: cartIds ?? [],
|
||
|
|
cartCount: cartIds?.length ?? 0,
|
||
|
|
loading: cartIds === null,
|
||
|
|
|
||
|
|
addToCart,
|
||
|
|
removeFromCart,
|
||
|
|
clear,
|
||
|
|
isInCart,
|
||
|
|
};
|
||
|
|
}
|