import React, { useEffect, useState } from "react"; import { book, publicApi, userProduct } from "../../redux/actions"; import { connect } from "react-redux"; import { Link } from "react-router-dom"; import Product from "../../components/Product"; // 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' const Services = ({ isMobile, books, getList, grades, gradeFilter, selectedGrade, gradeFilterBooks, setHeaderOptions, headerOptions, videos, pushToCart, }) => { const [filterCheck, setFilterCheck] = useState(null); const [filter, setFilter] = useState({ search: "", grade: "", productsType: "کتاب", }); const [popup, setPopUp] = useState(false); const [popUpContent, setPopUpContent] = useState({ id: 1, title: "", video: "", description: "", price: "", teacher: "", classHour: "", classMinute: "", }); // const onChange = (name, value) => { // setFilter({ ...filter, [name]: value }); // }; 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: "", }, ]; const [selectedGames, setSelectedGames] = useState([]); const [gameId, setGameId] = useState(1); const chooseGame = (id) => { setGameId(id); }; if (!isMobile) { return (
{popup ? ( setPopUp(false)} /> ) : null}
{/* { services.map((item, index) => (
setChecked(prevState => [...prevState, checked[index] = !checked[index]])} > { checked[index] ?
:
}

{item.title}

)) } */}
{/* filters */} {gameId != 6 &&
setFilterCheck('Online') } >

آنلاین

{filterCheck == 'Online' && (
)}
setFilterCheck('Physical') } >

حضوری

{filterCheck == 'Physical' && (
)}
}
{books?.map((product, index) => (
{ setPopUpContent({ id: gameId, title: product?.name, video: "", teacher: product?.vodTeacher, description: "در این قسمت یک توضیحات کوتاه در مورد دوره خواهد آمد که بصورت دو خط در این قسمت قرار می‌گیرد در این قسمت یک توضیحات کوتاه در مورد دوره خواهد آمد که بصورت دو خط در این قسمت", price: product?.price, classHour: 21, classMinute: 56, image: 'https://narafella.ir/wp-content/uploads/2021/08/books-min.jpg', examCont: [ { title: 'بخش اول آزمون ' + product.name, date: '۱۴۰۰/۱۲/۱۳', time: '۱۴:۴۶', numberOfQ: '۱۸', price: 10000 }, { title: 'بخش دوم آزمون ' + product.name, date: '۱۴۰۰/۱۲/۱۴', time: '۱۴:۴۶', numberOfQ: '۱۸', price: 10000 }, { title: 'بخش سوم آزمون ' + product.name, date: '۱۴۰۰/۱۲/۱۵', time: '۱۴:۴۶', numberOfQ: '۳۲', price: 250000 }, ] }); if (gameId !== 2) { setPopUp(true) } console.log(gameId) }} > {/* {console.log(product)} */} null} btnOnClick={() => { pushToCart({ productId: product?.id, count: 1, }); setTimeout(() => setPopUp(false), 1) console.log(popup) console.log(product.id) } } />
))} { gameId == 6 &&

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

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

ریال

بابت

}
{!isMobile &&
}
); } // Mobile Version else { return (
{ gameId !== 6 &&
setFilterCheck([ ...prevState, (filterCheck[0] = !filterCheck[0]), ]) } >

آنلاین

{filterCheck[0] && (
)}
setFilterCheck([ ...prevState, (filterCheck[0] = !filterCheck[0]), ]) } >

حضوری

{filterCheck[0] && (
)}
}
{books?.map((product, index) => ( { setPopUpContent({ id: gameId, title: product?.name, video: "", teacher: product.vodTeacher, description: "در این قسمت یک توضیحات کوتاه در مورد دوره خواهد آمد که بصورت دو خط در این قسمت قرار می‌گیرد در این قسمت یک توضیحات کوتاه در مورد دوره خواهد آمد که بصورت دو خط در این قسمت", price: product.product[0].price, classHour: 21, classMinute: 56, image: 'https://narafella.ir/wp-content/uploads/2021/08/books-min.jpg', examCont: [ { title: 'بخش اول آزمون ' + product.name, date: '۱۴۰۰/۱۲/۱۳', time: '۱۴:۴۶', numberOfQ: '۱۸', price: 10000 }, { title: 'بخش دوم آزمون ' + product.name, date: '۱۴۰۰/۱۲/۱۴', time: '۱۴:۴۶', numberOfQ: '۱۸', price: 10000 }, { title: 'بخش سوم آزمون ' + product.name, date: '۱۴۰۰/۱۲/۱۵', time: '۱۴:۴۶', numberOfQ: '۳۲', price: 250000 }, ] }); setPopUp(true); // console.log(gameId) }} > {/* {console.log(product)} */} pushToCart({ productId: product?.id, // userId: product?.userId, count: 1, }) } /> ))} { gameId == 6 &&

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

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

ریال

بابت

}
) } }; 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, }); const mapDispatchToProps = { getList: book.list, gradeFilter: book.gradeFilter, setHeaderOptions: publicApi.setHeaderOptions, pushToCart: userProduct.add, }; export default connect(mapStateToProps, mapDispatchToProps)(Services);