import Breadcrumb from "../components/Breadcrumbs";
import {Box, Container, Divider, Typography, useMediaQuery} from "@mui/material";
import {connect} from 'react-redux';
import {actionWishListRemove} from "../reducers/WishListReducer";
import {actionCardChange} from "../reducers/CartReducer";
import {NotFoundBlock} from "../components/NotFoundBlock";
import imgUrl from "../img/not-found/2.png"
import FavoriteBorderIcon from "@mui/icons-material/FavoriteBorder";
import {TableLine} from "../components/TableLine";
const MainWishList = ({wishlist, addToCart, onWishListRemove, color='#f3f3f3'}) => {
const matches = useMediaQuery('(max-width:899px)')
let rows = []
for (const key of Object.values(wishlist)) {
for (const item in key) {
rows.push(key[item])
}
}
return (
<>
{Object.values(wishlist).length > 0 ?
{rows.map(item => )}
:
Click theicons to add products}/>
}
>
)
}
export const CMainWishList = connect(state => ({wishlist: state.wishlist}), {addToCart: actionCardChange, onWishListRemove: actionWishListRemove})(MainWishList)
const WishListPage = () => {
return (
<>
>
)
}
export default WishListPage
// TODO MOBILE VERSION