import React, { Component } from "react"; import FilterListIcon from "@material-ui/icons/FilterList"; import { connect } from "react-redux"; import { book } from "~/Redux/actions"; import { Link } from "react-router-dom"; import Navbar from "../Home/Navbar/index"; import Footer from "../Home/Footer/index"; import Select from "./Select/index"; import Breadcrumbs from "./BreadCrumb/index"; import List from "./List/index"; import Sort from "./Sort/index"; import Filters from "./Filters/index"; import navbarSearch from "../../assets/icons/navbarSearch.png"; import "./index.scss"; import { toast } from "react-toastify"; class Products extends Component { state = { search: null, selectedFilters: { level: [], subject: [], sort: null, }, }; handleProductSearch = (val) => { this.setState({ search: val, }); // this.props.searchBook(val); }; componentDidUpdate(prevProps, prevState) { if ( prevState.selectedFilters !== this.state.selectedFilters || prevState.search !== this.state.search ) { this.props.filterBook({ ...this.state.selectedFilters, search: this.state.search, }); } } componentDidMount() { window.scrollTo(0, 0); localStorage.removeItem("filter"); if ( window.location.search.slice( window.location.search.lastIndexOf("?") + 1, window.location.search.length ) === "cart" ) { toast.info(window.t("ابتدا یک محصول به سبد خریدتان اضافه کنید.")); } } render() { const { sortFilters, levels, subjects } = this.props; return ( <> {window.innerWidth > 1000 ? ( <>
{this.props.subjects.length > 0 ? ( ) : null}