import React, { useState, useEffect, useCallback } from "react"; import ScrollContainer from "react-indiana-drag-scroll"; import { connect } from 'react-redux'; import { Link } from "react-router-dom"; import filterIcon from '../../../assets/images/vuesax-linear-filter-tick.svg'; import Banners from "../../../components/Banners"; import SalesContainer from "../../../components/SalesContainer"; import { book, publicApi } from "../../../redux/actions"; import Part2 from "./Part2"; import HomeImg from '../../../assets/images/HomeImg.svg'; import Part4 from "./Part4"; const DesktopHome = ( { books, grades } ) =>{ return (