import Breadcrumb from "../components/Breadcrumbs";
import {connect} from "react-redux";
import {actionCardChange, actionCardClear, actionCardRemove} from "../reducers/CartReducer";
import {ActionFullOrder, ActionOrder} from "../actions/ActionOrder";
import {Box, Button, Container, Divider, Grid, Typography, useMediaQuery} from "@mui/material";
import {ItemHeaderLine, LinkProductItem, RemoveFromList, TableLine} from "../components/TableLine";
import {NotFoundBlock} from "../components/NotFoundBlock";
import imgUrl from "../img/not-found/3.png";
import AddShoppingCartIcon from "@mui/icons-material/AddShoppingCart";
import {SetCount} from "../components/SetCount";
import {useEffect, useState} from "react";
const CartGoodLine = ({item, onCartRemove, onCardChange}) => {
let [count, setCount] = useState(item?.count)
useEffect(() => {
onCardChange(item?.good, count)
}, [count])
return(
${item?.good?.price}}/>
setCount(value)}/>
)
}
const TotalPriceLine = ({title, subtitle, sizeSubtitle='body2'}) => {
return (
{title}
{subtitle}
)
}
const CartPage = ({cart, onCardChange, onCartClear, onCartRemove, onOrderUpsert}) => {
const matches = useMediaQuery('(max-width:768px)')
let rows = []
for (const key of Object.values(cart)) {
rows.push(key)
}
return (
<>
{Object.values(cart).length > 0 ?
{rows.map(item => )}
TOTAL
a + (i.good.price * i.count), 0)}`}/>
a + (i.good.price * i.count), 0)}`} sizeSubtitle={'h6'}/>
:
Click theicons to add products}/>
}
>
)
}
const CCartPage = connect(state=>({cart: state.cart}), {onCardChange: actionCardChange, onCartClear: actionCardClear, onCartRemove: actionCardRemove, onOrderUpsert: ActionFullOrder})(CartPage)
export default CCartPage