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 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"; const Services = ({ isMobile, books, getList, grades, gradeFilter, selectedGrade, gradeFilterBooks, setHeaderOptions, headerOptions, videos, pushToCart, }) => { const [checked, setChecked] = useState([ false, false, false, false, false, false, ]); const [filterCheck, setFilterCheck] = useState([false, false, false, false]); const [filter, setFilter] = useState({ search: "", grade: "", productsType: "کتاب", }); const [popup, setPopUp] = useState(false); const [popUpContent, setPopUpContent] = useState({ 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); }; return (
{popup ? ( setPopUp(false)} /> ) : null}
{/* { services.map((item, index) => (
setChecked(prevState => [...prevState, checked[index] = !checked[index]])} > { checked[index] ?
:
}

{item.title}

)) } */}
{/* filters */}
setFilterCheck([ ...prevState, (filterCheck[0] = !filterCheck[0]), ]) } >

آنلاین

{filterCheck[0] && (
)}

دختران

{filterCheck[2] && (
)}

پسران

{filterCheck[3] && (
)}
{books?.map((product, index) => ( { setPopUpContent({ title: product?.name, video: "", teacher: product.vodTeacher, description: "در این قسمت یک توضیحات کوتاه در مورد دوره خواهد آمد که بصورت دو خط در این قسمت قرار می‌گیرد در این قسمت یک توضیحات کوتاه در مورد دوره خواهد آمد که بصورت دو خط در این قسمت", price: product.product[0].price, classHour: 21, classMinute: 56, }); setPopUp(true); }} > {/* {console.log(product)} */} pushToCart({ productId: product?.productId, userId: product?.userId, count: 1, }) } /> ))}
); }; 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);