Proyectos de Subversion LeadersLinked - SPA

import React, { useEffect } from 'react';

import Place from '@mui/icons-material/Place';

import { useLocationAutocomplete } from '@hooks';

import Input from './Input';

const UbicationInput = ({

  onGetAddress = () => {},

  settedQuery = '',

  placeholder = 'Ubicación',

  onChange = () => {},

  error = null

}) => {

  const { address, error: addressError, ref } = useLocationAutocomplete();

  useEffect(() => {

    onGetAddress(address);

  }, [address]);

  const handleChangeAddress = (event) => {

    if (!event.target.value) {

      const values = {};

      Object.keys(address).forEach((key) => (values[key] = ''));

      onGetAddress(values);

    }

    onChange(event);

  };

  return (

    <Input

      type='text'

      inputRef={ref}

      onChange={handleChangeAddress}

      placeholder={placeholder}

      defaultValue={settedQuery}

      error={error || addressError}

      icon={<Place />}

    />

  );

};

export default UbicationInput;