Select Git revision
SearchBar.jsx
SearchBar.jsx 570 B
import React, { useState } from 'react'
import './SearchBar.scss'
export default function SearchBar(props) {
const [isFocus, setIsFocus] = useState(false);
const handleChange =(value)=>{
props.onSearch(value)
}
return (
<div className={isFocus ?'inputBox focused' :'inputBox'}>
<i className="fa fa-search icon" aria-hidden="true"></i>
<input placeholder='Search' className='search-control' onBlur={()=>setIsFocus(false)} onFocus={()=>setIsFocus(true)} onChange={(e)=>handleChange(e.target.value)} />
</div>
)
}