Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useState } from 'react'

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

import { useHistory } from 'react-router-dom'

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

const NavSearch = () => {

  const [keyword, setKeyword] = useState('')

  const history = useHistory()

  const { handleSubmit } = useForm()

  const onSubmit = handleSubmit(() => {

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

    setKeyword('')

  })

  return (

    <SearchInput

      as="form"

      onSubmit={onSubmit}

      onChange={(e) => setKeyword(e.target.value)}

      value={keyword}

    />

  )

}

export default NavSearch