Skip to content
Snippets Groups Projects
Select Git revision
  • 18cdeff1911b820cc45c30992f9b88869f23a5ec
  • master default protected
  • minion
  • development
4 results

SearchBar.jsx

Blame
  • 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>
        )
    }