Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */

import React from "react";

import { 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 ? settedQuery : query}

      />

      {error && <FormErrorFeedback>{error}</FormErrorFeedback>}

    </React.Fragment>

  );

};

export default UbicationInput;