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 } = useForm()

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

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

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

export default NavSearch