import React, { useState } from "react"; import { connect } from "react-redux"; import _ from "lodash"; import { book } from "../../redux/actions"; import search from "../../assets/icons/search.png"; import searchBlack from "../../assets/icons/searchBlack.svg"; import voice from "../../assets/icons/voice.png"; import voiceBlack from "../../assets/icons/voice-black.png"; function HomeSearchBox({ lastItems, setVocal, inputValue, setInputValue, sortFilter, selectedSort, theme, }: any) { const submitInput = (value: any) => { setInputValue(value); sortFilter({ search: value, sort: selectedSort }); }; const submitSort = (value: any) => { sortFilter({ search: inputValue, sort: value }); }; const light = theme === "light"; return (
e.preventDefault()}> submitInput(e.target.value)} value={inputValue} /> {light ? ( sortFilter({ search: inputValue, sort: selectedSort }) } alt="" /> ) : ( sortFilter({ search: inputValue, sort: selectedSort }) } alt="" /> )}
); } export default connect( (state: any) => ({ selectedSort: state.book.selectedSort, theme: state.publicApi.theme, }), { sortFilter: book.sortFilter } )(HomeSearchBox); HomeSearchBox.defaultProps = { lastItems: [ { name: "علوم", }, { name: "ریاضی", }, ], };