import React, { Component } from "react"; import FilterListIcon from "@material-ui/icons/FilterList"; import Loader from "~/components/Loader/index"; import { connect } from "react-redux"; import { book } from "~/Redux/actions"; import Navbar from "../Home/Navbar/index"; import Footer from "../Home/Footer/index"; import Select from "./Select/index"; import Product from "./Product/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"; const maxMobileSize = 1250; const fontSize = { mobile: { input: window.innerWidth > maxMobileSize ? 14 : window.innerWidth / 27, }, }; class Products extends Component { state = { selectedSort: null, selectedFilters: { level: [], subject: [], }, firstFilters: [ { id: 0, value: "محبوب ترین" }, { id: 1, value: "جدیدترین" }, { id: 2, value: "ارزان ترین" }, ], dateFilters: [ { id: 0, value: "1400" }, { id: 1, value: "`1399" }, { id: 2, value: "1398" }, ], degreeFilters: [ { id: 0, value: "اول" }, { id: 1, value: "دوم" }, { id: 2, value: "سوم" }, ], first: "", date: "", degree: "", }; componentDidMount() { this.props.getList(); } render() { const { dateFilters, degreeFilters, firstFilters } = this.state; const { loading, list, page } = this.props; return ( <> {window.innerWidth > 1000 ? ( list ? ( <>