import React, { Component } from "react"; import { connect } from "react-redux"; import { publicApi } from "~/Redux/actions"; import Select from "./Select/index"; import dropdown from "../../../assets/icons/dropdown.png"; import "./index.scss"; class HomeSearch extends Component { state = { filters: { levels: [], search: null, }, }; componentDidUpdate(prevProps, prevState) { if ( prevState.filters.levels !== this.state.filters.levels || prevState.filters.search !== this.state.filters.search ) { this.props.filterNewProducts(this.state.filters); } } render() { const { levels } = this.props; return window.innerWidth > 1000 ? (
this.setState({ filters: { ...this.state.filters, search: e.target.value }, }) } />
{window.t("فلش")}
this.setState({ filters: { ...this.state.filters, search: e.target.value }, }) } />
); } } export default connect( (state) => ({ levels: state.publicApi.levels, }), { filterNewProducts: publicApi.filterNewProducts } )(HomeSearch);