import React, { useState, useEffect } from "react"; import { connect } from "react-redux"; import { book} from '../../../../redux/actions' import { Link } from "react-router-dom"; import Product from '../../../../components/Product'; import Button from "../../../../components/Button"; import ScrollContainer from "react-indiana-drag-scroll"; const Part2 = ( { books, getBooks, grades} ) => { console.log({books}) const [filter, setFilter] = useState({ search: "", grade: "", productsType: "کتاب", }); useEffect(() => { getBooks(); }, []); return (