Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useRef, useState } from 'react'
import { useForm } from 'react-hook-form'
import SearchIcon from '@mui/icons-material/Search'

import useWindowSize from '../../../../hooks/useWindowSize'

const NavSearch = () => {
  const [showMobileSearch, setShowMobileSearch] = useState(false)
  const searchInput = useRef(null)

  const [innerWidth] = useWindowSize()
  const { handleSubmit, register } = useForm()

  const toggleSearch = () => {
    setShowMobileSearch(!showMobileSearch)
  }

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

  return (
    <form
      className="header__search show"
      onClick={innerWidth < 992 && toggleSearch}
      onSubmit={onSubmit}
      ref={searchInput}
    >
      <SearchIcon />
      <input type="text" placeholder="Search" name="keyword" ref={register} />
    </form>
  )
}

export default NavSearch