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 (