Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useEffect } from 'react'
import { useForm } from 'react-hook-form'
import { useHistory } from 'react-router-dom'

import SearchInput from '../../../UI/SearchInput'

const NavSearch = () => {
  const history = useHistory()

  const { handleSubmit, register, setValue, watch, reset } = useForm()

  const onSubmit = handleSubmit(({ keyword }) => {
    history.replace(`/search/entity/user?keyword=${keyword}`)
    reset()
  })

  useEffect(() => {
    register('keyword', { required: true })
  }, [])

  return (
    <SearchInput
      as="form"
      onSubmit={onSubmit}
      onChange={(e) => setValue('keyword', e.target.value)}
      value={watch('keyword')}
    />
  )
}

export default NavSearch