import React, { useEffect, useState } from "react"; import { book, publicApi, userProduct, user } from "../../redux/actions"; import PaymentBox from "./PaymentBox"; import { connect } from "react-redux"; import { Link, useLocation } from "react-router-dom"; import Product from "../../components/Product"; import { CgDanger } from "react-icons/cg"; import { BsFillCheckCircleFill } from "react-icons/bs"; import filterIcon from "../../assets/img/vuesax-linear-filter-tick.svg"; import underCicon from "../../assets/img/Group 2275.svg"; // import ScrollContainer from 'react-indiana-drag-scroll' import img1 from "../../assets/img/Group 1344.svg"; import img2 from "../../assets/img/Group 1345.svg"; import img3 from "../../assets/img/Group 1349.svg"; import img4 from "../../assets/img/Group 1364.svg"; import img5 from "../../assets/img/Group 1357.svg"; import img6 from "../../assets/img/Group 1362.svg"; import ShoppingCart from "../../components/ShoppingCart"; import ServicePopUp from "./service"; import Games from "../dashboard2/Games"; // import Packages from "../dashboard2/Packages"; import "./index.css"; import separate from "../../utils/separate"; import { toast } from "react-toastify"; const Services = ({ isMobile, books, getList, grades, gradeFilter, selectedGrade, gradeFilterBooks, setHeaderOptions, headerOptions, videos, pushToCart, pushSchoolToCart, getUserInfo, userInfo }) => { useEffect(()=>{ getUserInfo(); },[]) //------------------------------------ const [fliterList,setFilterList]=useState([]); const [fake,setFake]=useState(0); const fliterHandler=(index)=>{ let list = fliterList; if(fliterList.includes(index)){ let newList = []; for(let i=0;i { if (query.status) { if (query.status === "OK") { toast.success("پرداخت با موفقیت انجام شد"); } else { // toast.error( // `عملیات پرداخت موفق نبود. شناسه پیگیری شما ${query.authority} می‌باشد` // ); setPaymentError(true); } setShowPaymentBox(true); } }, []); //---------------------------------------------- const [sharzhVal, setSharzhVal] = useState(""); const [selectedProductTypes, setSelectedProductTypes] = useState([7]); useEffect(() => { getList(); setHeaderOptions(headerOptions); }, []); useEffect(() => { gradeFilter(filter.grade); }, [filter]); const services = [ { title: "کلاس های آموزشی", image: img1, role: "", }, { title: "پیش ثبت نام مدارس", image: img2, role: "", }, { title: "بسته های آزمون", image: img3, role: "", }, { title: "کتاب های آموزشی", image: img4, role: "", }, { title: "دوره های مجازی", image: img5, role: "", }, { title: "سایر خدمات", image: img6, role: "", }, ]; console.log("book---------)))))))))))))))))))))-------------------"); console.log(books); const [selectedGames, setSelectedGames] = useState([]); const [gameId, setGameId] = useState(5); const chooseGame = (id) => { setGameId(id); console.log(selectedProductTypes); }; console.log(gameId); //productClickHandler------------------ const productClickhandler = (product) => { setPopUpContent({ id: gameId, title: product?.name, video: product?.fileId, teacher: product?.teacherName, description: product?.description, price: gameId == 2 ? 0 : product?.price, classHour: product?.duration, classMinute: "", image: "https://narafella.ir/wp-content/uploads/2021/08/books-min.jpg", examCont: [], type: product?.productType, }); if (gameId !== 5) { setPopUp(true); } console.log(gameId); }; //AddToCartHandler-------------------- const AddToCartHandler = (product) => { if (selectedProductTypes.includes(7)) { pushSchoolToCart({ productId: product?.id, count: 1, }); } else { pushToCart({ productId: product?.id, count: 1, }); } setTimeout(() => setPopUp(false), 0); }; //------------------------------------- const [showPaymentBox, setShowPaymentBox] = useState(false); //-======================== Desktop =========================================== if (!isMobile) { return (
{popup ? ( setPopUp(false)} sendPrice={(val) => setPopUpContent({ ...popUpContent, price: popUpContent.price + val, }) } /> ) : null}
setSelectedProductTypes(val)} />
{/* filters-------------------------------------- */} {gameId === 3 && (
filterIcon
fliterHandler(4)} >
آنلاین
fliterHandler(3)} >
حضوری
{/*
fliterHandler(1)} >
پسرانه
fliterHandler(2)} >
دخترانه
*/}
)}
{books ?.filter((itm) => selectedProductTypes.includes(itm.productType)) .map((product, index) => ( {(gameId !== 3 || (!fliterList.includes(product?.productType - 1) && (product?.gender === userInfo?.gender || product?.gender=== null) && product?.gradeIds === Number(userInfo?.gradeIds))) && (
{(selectedProductTypes.includes(4) || selectedProductTypes.includes(7)) && ( { productClickhandler(product); }} btnOnClick={() => { AddToCartHandler(product); }} /> )}
)}
))} {!selectedProductTypes.includes(4) && !selectedProductTypes.includes(7) && gameId !== 6 && (
underCicon
این بخش هنوز فعال نشده است.
)} {gameId == 6 && (

افزایش مبلغ دلخواه

لطفا مبلغ دلخواه خود را در کادر روبرو وارد کنید

setSharzhVal(e.target.value)} />

ریال

بابت

)}
{/* --------------left-part------------------------------------- */} {!isMobile && (
)} {/* --------------payment-box------------------------------------- */} {showPaymentBox && ( )}
); } //=========================== Mobile Version====================================== else { return (
setSelectedProductTypes(val)} />
{gameId !== 6 && (
filterIcon {filterCheck.map((filter) => (
{ if (selectedFilters.includes(filter.id)) { setSelectedFilters( selectedFilters.filter((itm) => itm !== filter.id) ); } else { setSelectedFilters([...selectedFilters, filter.id]); } }} >

{filter.title}

{selectedFilters.includes(filter.id) && (
)}
))}
)}
{books ?.filter((itm) => selectedProductTypes.includes(itm.productType)) .map((product, index) => (
{(selectedProductTypes.includes(4) || selectedProductTypes.includes(7)) && ( { productClickhandler(product); }} btnOnClick={() => { AddToCartHandler(product); }} /> )}
))} {!selectedProductTypes.includes(4) && !selectedProductTypes.includes(7) && gameId !== 6 && (
این بخش هنوز فعال نشده است.
)} {gameId == 6 && (

افزایش مبلغ دلخواه

لطفا مبلغ دلخواه خود را در کادر روبرو وارد کنید

setSharzhVal(e.target.value)} />

ریال

بابت

)}
); } }; const mapStateToProps = (state) => ({ isDark: state.publicApi.isDark, isMobile: state.publicApi.isMobile, books: state.book.list, grades: state.publicApi.grades, gradeFilterBooks: state.book.gradeFilterBooks, selectedGrade: state.book.selectedGrade, userInfo: state.user.status, }); const mapDispatchToProps = { getList: book.list, gradeFilter: book.gradeFilter, setHeaderOptions: publicApi.setHeaderOptions, pushToCart: userProduct.add, pushSchoolToCart: userProduct.addSchool, getUserInfo: user.getProfile }; export default connect(mapStateToProps, mapDispatchToProps)(Services);