Кошничка
{item.name}
import React, { useContext } from "react"; import "../styles/CartScreen.css"; import { Store } from "../Store"; import { Helmet } from "react-helmet-async"; import Row from "react-bootstrap/Row"; import Col from "react-bootstrap/Col"; import MessageBox from "../components/MessageBox"; import ListGroup from "react-bootstrap/ListGroup"; import Button from "react-bootstrap/Button"; import { Link, useNavigate } from "react-router-dom"; import "bootstrap/dist/css/bootstrap.min.css"; import AddCircleIcon from "@mui/icons-material/AddCircle"; import RemoveCircleIcon from "@mui/icons-material/RemoveCircle"; import DeleteIcon from "@mui/icons-material/Delete"; import axios from "axios"; function CartScreen() { const navigate = useNavigate(); const { state, dispatch: ctxDispatch } = useContext(Store); const { cart: { cartItems }, } = state; const updateCartHandler = async (item, quantity) => { const { data } = await axios.get(`/api/products/${item._id}`); if (data.countInStock < quantity) { window.alert("Sorry. Product is out of stock"); return; } ctxDispatch({ type: "CART_ADD_ITEM", payload: { ...item, quantity }, }); }; const removeItemHandler = (item) => { ctxDispatch({ type: "CART_REMOVE_ITEM", payload: item }); }; const checkoutHandler = () => { navigate("/signin?redirect=/shipping"); }; return (
{item.name}