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, }, ]; //completeProfule----------- const completeProfule=(id)=>{ localStorage.setItem("termId",id) } //--------------------------- 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 && ( { completeProfule(product?.termId); }} > تکمیل اطلاعات کاربری و افزودن به سبد خرید )} {rulesAccepted && (
)}
اطلاعات بیشتر
); } if (catId == 5) { return (
{/* image */}

{product?.name}

آدرس: {product?.address}

شماره تلفن: {product?.phone}

{!isMobile && " آدرس وبسایت : "} {product?.url}

{!isMobile && (
آدرس بروی نقشه
)}
{isMobile && (

امکانات{" "}

)}
{!isMobile && "امکانات :"} {product?.description?.split(",").map((item, index) => (

{item}

))} {isMobile && (

مشاهده آدرس بروی نقشه

)}

{productPrice} تومان

{!rulesAccepted && ( { completeProfule(product?.termId); }} > تکمیل اطلاعات کاربری و رزرو پیش ثبت نام )} {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, };