Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */

import React from 'react'

import { useForm } from 'react-hook-form'

const SearchList = ({ onChange = () => null }) => {

  const { register, getValues } = useForm()

  const handleSearch = () => {

    const searchValue = getValues('search')

    if (onChange) setTimeout(() => onChange(searchValue), [500])

  }

  return (

    <div className="search-box">

      <input

        type="text"

        name="search"

        className="form-control"

        ref={register}

        onKeyUp={handleSearch}

      />

      <button className='btn btn-search'>

        {LABELS.SEARCH}

      </button>

    </div>

  )

}

export default SearchList