import React, { useState } from "react"; import { Link } from "react-router-dom"; import { connect } from "react-redux"; import separate from "../../utils/separate"; import StarRating from "../StarRating"; import book from "./goldon.png"; import heart from "./vuesax-linear-heart.svg"; import discountImg from "./discount.png"; const ProductDesign = ({ grades, likeBtn, discount, discountPricePercent, discountPrice, productContent, star, product, priceDirection, priceHolder, productExcerptTextColor, productCat, rangeHolder, rangeWidth, addToCartHolder, writeGHEIMAT, hoverMode, starRate, imageSize, type }) => { const [isHovering, setIsHovering] = useState(false); return (
setIsHovering(true)} onMouseLeave={() => setIsHovering(false)} > {/* product image */}
{/* icons on image */}
{discountPricePercent && (

23%

)} {likeBtn && (
)} {discount && (
)}
{/* img */}
{/* product content */}

{product?.product[type]?.name}

{productContent && (

این کتاب شامل گلدان و گیاه و خاک می باشد و همچنین آپشن های خوب دیگری نیز دارد.

)} {productCat && ( {"پایه" + " " + grades[product?.gradeId]} )}
{/* star */} {star && (
{/* بر اساس {numberOfRegards} بررسی */}
)} {/* price */} {priceHolder && (
{writeGHEIMAT && ( قیمت )} {/* price with line on it */} {discountPrice && (

145تومان

)}

{separate(product.product[type]?.price)} تومان

{/* add to cart */} {addToCartHolder && ( )}
)} {hoverMode == "blue" ? (
) : null} {/* {productTags && (
{ productTags.map((item, index) => ) }
)} */} {rangeHolder && (
)}
); }; const mapStateToProps = (state) => ({ grades: state.publicApi.grades, }); export default connect(mapStateToProps)(ProductDesign); ProductDesign.defaultProps = { // icons on product image type : 0, colors: false, likeBtn: false, discount: false, discountPricePercent: false, // product price discountPrice: false, priceHolder: true, productContent: false, star: true, productTags: [], productCat: true, rangeHolder: true, // دو مدل عکس طراحی کردم که یکی عرض بیشتری دارد یکی ارتفاع verticalImg: true, horizontalImg: false, addToCartHolder: false, productTitleColor: "text-productTitle", productExcerptTextColor: "text-productContent", productCatTextColor: "text-darkCrimsonTextColor", // برای درصد دادن به عرض رنج rangeWidth: "w-44", //دی ای وی که محصول داخلش است میتونیم بهش بوردر بدیم productHolderBorder: "border", productHolderBorderColor: "border-grayBorderColor", productTitleAlignment: "text-justify", //میتونیم تعیین کنیم که قیمت و دکمه اضاف به سبد خرید کنار یکدیگر باشند یا زیر هم priceDirection: "flex-row", productImg: book, writeGHEIMAT: false, };