12345678910111213141516171819202122 |
- import { useEffect, useState } from "react"
- import { connect } from "react-redux";
- import { actionFindUser } from "../../actions/actionsForUser";
- import { SUInput, SearchUserInputWrapper } from "./SearchUserInput.style"
- import SearchIcon from "./search_icon.svg";
- const SearchUserInput = ({findUsers}) => {
- const [value, setValue] = useState('');
- useEffect(() => {
- findUsers(value);
- }, [value])
- return (
- <SearchUserInputWrapper>
- <img src={SearchIcon}/>
- <SUInput placeholder='Search' value={value} onChange={e => setValue(e.target.value)}/>
- </SearchUserInputWrapper>
- )
- }
- export default connect(null, {findUsers: actionFindUser})(SearchUserInput);
|