import React, { useEffect, useState } from "react"; import Class from "../../components/products/classes"; import { book, publicApi } from "../../redux/actions"; import { connect } from 'react-redux'; import { Link } from "react-router-dom"; import Product from '../../components/Product'; const Services = ({ isMobile, books, getList, grades, gradeFilter, selectedGrade, gradeFilterBooks, setHeaderOptions, headerOptions, videos, }) => { const [filter, setFilter] = useState({ search: "", grade: "", productsType: "کتاب", }); const onChange = (name, value) => { setFilter({ ...filter, [name]: value }); }; useEffect(() => { getList(); setHeaderOptions(headerOptions); }, []); useEffect(() => { gradeFilter(filter.grade); }, [filter]); return (
{books?.map((product, index) => ( ))}
); }; 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, }; export default connect(mapStateToProps, mapDispatchToProps)(Services);