Cart
Cart.jsx
Página del carrito de compras
Función
Permite al usuario visualizar, actualizar y eliminar productos en su carrito de compras.
Comportamiento
- Al montar:
- Llama a
getCart()
→ carga carrito del usuario - Permite:
- Aumentar / disminuir cantidad por producto
- Eliminar productos del carrito
- Al cambiar cantidad:
- Actualiza estado local
- Hace
debounce
(1.2 seg) para evitar múltiples requests → luego llamaupdateCart()
- Botón
Continuar tu compra
(acción futura configurable)
Servicios utilizados
getCart()
(CartService.js
)updateCart()
(CartService.js
)removeFromCart()
(CartService.js
)
Estado interno
Estado | Descripción |
---|---|
items |
Productos actuales en el carrito |
updateTimeoutRef |
Ref para timeout de actualización |
Totales calculados
- Subtotal: suma de precios de los productos * cantidad
- Descuento: (por ahora hardcoded a 0.00)
- Total: subtotal - descuento
Librerías utilizadas
lucide-react
(ícono Trash2)- React hooks:
useState
,useEffect
,useRef
Button
(componente reutilizable)