import React, { useState, useEffect } from "react"; import { product } from "../../redux/actions"; import { connect } from "react-redux"; import separate from "../../utils/separate"; import Button from "../Button"; import productImg from "./product-chair.svg"; import plus from "./plus.svg"; const ProductSuggestion = ({ isDark, getSimilar, book, similarList }) => { const [selectedProduct, setSelectedProduct] = useState(null); const [price, setPrice] = useState(0); useEffect(() => { if (book) { getSimilar({ id: book?.id }); } }, [book]); useEffect(() => { if (similarList.length > 0) { let allPrice = 0; for (let item of similarList) { allPrice = item.price + allPrice; } setPrice(() => allPrice); } }, [similarList]); return (

{window.t("این کالاها برای خرید به شما پیشنهام می دهیم")}

{/* product design */}
{similarList.map((book, index) => (
setSelectedProduct(book)} >

{book?.name}

{separate(book?.price)} {window.t("تومان")}

{/*
انتخاب شما
*/}
{Number(index) !== similarList.length - 1 && ( )}
))}
{/* bottom */}

  {window.t("جمع لوازم اختیاری خریداری شده")}   {separate(price)} {window.t("تومان")}

{window.t("1 کالا")}

{window.t( "در صورت تمایل می توانید موارد بالا را به سبد خرید اضافه کنید" )}

); }; const mapStateToProps = (state) => ({ book: state.book.info, isDark: state.publicApi.isDark, similarList: state.product.similarList, }); const mapDispatchToProps = { getSimilar: product.getSimilar, }; export default connect(mapStateToProps, mapDispatchToProps)(ProductSuggestion); ProductSuggestion.defaultProps = { suggestions: [ { productImage: productImg, productTitle: window.t("لپ تاپ گیمینگ ایسوس"), productPrice: "750000", plusIcon: null, }, { productImage: productImg, productTitle: window.t("مانیتور 40 اینچ"), productPrice: "3.000.000", plusIcon: plus, }, { productImage: productImg, productTitle: window.t("ماوس گیمینگ"), productPrice: "650/000", plusIcon: plus, }, { productImage: productImg, productTitle: window.t("لپ تاپ مک بوک پرو 2022"), productPrice: "2000", plusIcon: plus, }, ], };