import React, { useState } from "react";
import { BsExclamationSquareFill } from "react-icons/bs";
import { connect } from "react-redux";
const ProductDesign = ({
colors,
likeBtn,
discount,
discountPricePercent,
discountPrice,
productContent,
star,
productTags,
priceDirection,
productTitleAlignment,
priceHolder,
productHolderBorder,
productHolderBorderColor,
productTitleColor,
productExcerptTextColor,
productCat,
productCatTextColor,
rangeHolder,
verticalImg,
horizontalImg,
rangeWidth,
addToCartHolder,
productName,
productPrice,
productImg,
writeGHEIMAT,
numberOfRegards,
productHolderHoverBorder,
hoverMode,
teacher,
btnOnClick,
catId,
isMobile,
onClick
}) => {
const [isHovering, setIsHovering] = useState(false);
const emkanat = [
{
title: 'دستشویی',
isActive: true,
},
{
title: 'آب خوری',
isActive: true,
},
{
title: 'تخته هوشمند',
isActive: true,
},
{
title: 'کامپیوتر',
isActive: true,
},
{
title: 'کتابخانه',
isActive: true,
},
{
title: 'مشاوره تحصیلی',
isActive: true,
},
{
title: 'آزمایشگاه',
isActive: false,
},
]
if (catId == 1) {
return (
{productName}
در این قسمت یک توضیحات کوتاه در مورد دوره خواهد آمد که بصورت دو خط در این قسمت قرار میگیرد
نوع گروه : A
{productPrice} تومان
)
}
if (catId == 2) {
return (
{/* image */}
دبیرستان غیر انتفاعی مدرسان هوشمند
تهران خیابان انقلاب اسلامی حدفاصل ابوریحان و فلسطین پلاک2
شماره تلفن: ۰۲۱۶۶۴۵۶۷۳۸
{!isMobile && ' آدرس وبسایت : '}
www.google.com
{!isMobile &&
آدرس بروی نقشه
}
{isMobile &&
امکانات
}
{!isMobile && 'امکانات :'}
{
emkanat.map((item, index) => (
))
}
{isMobile &&
مشاهده آدرس بروی نقشه
}
{productPrice} تومان
)
}
if(catId == 3){
return(
آزمون {productName}
در این قسمت یک توضیحات کوتاه در مورد دوره خواهد آمد که بصورت دو خط در این قسمت قرار میگیرد
نوع آزمون : آنلاین
بودجه بندی آزمون
تاریخ برگزاری : 1400/02/13
تعداد آزمون : 18
{productPrice} تومان
)
}
if(catId == 4){
return (
کتاب {productName}
در این قسمت یک توضیحات کوتاه در مورد دوره خواهد آمد که بصورت دو خط در این قسمت قرار میگیرد
{productPrice} تومان
)
}
else{
return
}
};
const mapStateToProps = (state) => ({
isMobile: state.publicApi.isMobile,
});
const mapDispatchToProps = ({});
export default connect(mapStateToProps, mapDispatchToProps)(ProductDesign);
ProductDesign.defaultProps = {
// icons on product image
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
};