update 14/01

src/hooks/useCart.ts

@@ -0,0 +1,53 @@
+'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,
+    };
+}