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