[V0_FILE]typescriptreact:file="components/cart-provider.tsx" isMerged="true" "use client" import { createContext, useContext, useState, type ReactNode } from "react" export interface CartItem { id: number title: string price: number quantity: number image: string } interface CartContextType { items: CartItem[] addToCart: (product: Omit) => void removeFromCart: (id: number) => void updateQuantity: (id: number, quantity: number) => void clearCart: () => void totalItems: number totalPrice: number } const CartContext = createContext(undefined) export function CartProvider({ children }: { children: ReactNode }) { const [items, setItems] = useState([]) const addToCart = (product: Omit) => { setItems((prev) => { const existing = prev.find((item) => item.id === product.id) if (existing) { return prev.map((item) => (item.id === product.id ? { ...item, quantity: item.quantity + 1 } : item)) } return [...prev, { ...product, quantity: 1 }] }) } const removeFromCart = (id: number) => { setItems((prev) => prev.filter((item) => item.id !== id)) } const updateQuantity = (id: number, quantity: number) => { if (quantity <= 0) { removeFromCart(id) return } setItems((prev) => prev.map((item) => (item.id === id ? { ...item, quantity } : item))) } const clearCart = () => { setItems([]) } const totalItems = items.reduce((sum, item) => sum + item.quantity, 0) const totalPrice = items.reduce((sum, item) => sum + item.price * item.quantity, 0) return ( {children} ) } export function useCart() { const context = useContext(CartContext) if (!context) { throw new Error("useCart must be used within CartProvider") } return context } [V0_FILE]typescriptreact:file="app/cos/page.tsx" isMerged="true" "use client" import { Header } from "@/components/header" import { Footer } from "@/components/footer" import { Button } from "@/components/ui/button" import { Card } from "@/components/ui/card" import { useCart } from "@/components/cart-provider" import Image from "next/image" import { Minus, Plus, Trash2 } from "lucide-react" import Link from "next/link" export default function CosPage() { const { items, updateQuantity, removeFromCart, totalPrice } = useCart() if (items.length === 0) { return ( <>

Coșul tău este gol

Adaugă produse din magazin

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This