import moment from "jalali-moment";
import React, { useState } from "react";
import { BsExclamationSquareFill } from "react-icons/bs";
import { connect } from "react-redux";
import { Link } from "react-router-dom";
import imgPlaceHolder from "../../assets/img/photo-placeholder.png";
let groupType = ["A","B","AB","AB1"];
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,
product,
userInfo,
}) => {
const [isHovering, setIsHovering] = useState(false);
// alert(catId);
console.log("userInfo:*******************************************************");
console.log(userInfo);
let rulesAccepted = userInfo.rulesAccepted;
const emkanat = [
{
title: "دستشویی",
isActive: true,
},
{
title: "آب خوری",
isActive: true,
},
{
title: "تخته هوشمند",
isActive: true,
},
{
title: "کامپیوتر",
isActive: true,
},
{
title: "کتابخانه",
isActive: true,
},
{
title: "مشاوره تحصیلی",
isActive: true,
},
{
title: "آزمایشگاه",
isActive: false,
},
];
let weekday =["شنبه","یکشنبه","دوشنبه","سهشنبه","چهارشنبه","پنچشنبه","جمعه"]
let description = "دستشویی,کتابخانه,آزمایشگاه";
if (catId == 3) {
return (
{productName}
{/*
{product?.description}
*/}
شروع از{" "}
{moment(product?.courseStartDate, "YYYY/MM/DD")
.locale("fa")
.format("YYYY/MM/DD")}{" "}
، پایان در{" "}
{moment(product?.courseEndDate, "YYYY/MM/DD")
.locale("fa")
.format("YYYY/MM/DD")}
روزهای برگزاری:
{product?.courseDay.split(",")?.map((item, index) => (
{weekday[item]}،
))}
ساعت کلاس: از {product?.courseStartTime} تا {product?.courseEndTime}
استاد : {product?.teacherName}
نوع گروه : {groupType[product?.categoryId - 1]}
{productPrice} تومان
{!rulesAccepted && (
تکمیل اطلاعات کاربری و افزودن به سبد خرید
)}
{rulesAccepted && (
)}
اطلاعات بیشتر
);
}
if (catId == 5) {
return (
{/* image */}
{product?.name}
آدرس: {product?.address}
شماره تلفن: {product?.phone}
{!isMobile && " آدرس وبسایت : "}
{product?.url}
{!isMobile && (
آدرس بروی نقشه
)}
{isMobile && (
امکانات{" "}
)}
{!isMobile && "امکانات :"}
{product?.description?.split(",").map((item, index) => (
))}
{isMobile && (
مشاهده آدرس بروی نقشه
)}
{productPrice} تومان
{!rulesAccepted && (
تکمیل اطلاعات کاربری و رزرو پیش ثبت نام
)}
{rulesAccepted && (
)}
);
}
if (catId == 2) {
return (
آزمون {productName}
در این قسمت یک توضیحات کوتاه در مورد دوره خواهد آمد که بصورت دو خط
در این قسمت قرار میگیرد
نوع آزمون : آنلاین
بودجه بندی آزمون
تاریخ برگزاری : 1400/02/13
تعداد آزمون : 18
{productPrice} تومان
);
}
if (catId == 1) {
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,
};