Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useState, useEffect, useRef } from 'react'
import FormErrorFeedback from '../form-error-feedback/FormErrorFeedback'

const UbicationInput = ({
  onGetAddress,
  settedQuery,
  placeholder = 'Ubicación',
}) => {
  const [addresObject, setAddressObject] = useState({})
  const [query, setQuery] = useState('')
  const [error, setError] = useState('')
  const autoCompleteRef = useRef(null)

  useEffect(() => {
    handleScriptLoad(setQuery, autoCompleteRef, setAddressObject, setError)
  }, [])

  useEffect(() => {
    onGetAddress(addresObject, query)
  }, [addresObject])

  return (
    <React.Fragment>
      <input
        type="text"
        id="location_search"
        name="location_search"
        className="form-control"
        placeholder={placeholder}
        ref={autoCompleteRef}
        onChange={(event) => {
          setAddressObject({})
          setQuery(event.target.value)
        }}
        value={settedQuery || query}
      />
      {error && <FormErrorFeedback>{error}</FormErrorFeedback>}
    </React.Fragment>
  )
}

export default UbicationInput