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