import React, { useState, useEffect } from "react"; import { connect } from "react-redux"; import { book } from "../../../../redux/actions"; import { Carousel } from "@trendyol-js/react-carousel"; import arrow from "../../../../assets/icons/slider-arrow.svg"; 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, grades }) => { // console.log({ books }); const [filter, setFilter] = useState({ search: "", grade: "", productsType: "کتاب", }); return (