Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React, { useState } from "react";
import LocationModal from "./LocationModal";

const Location = ({ formattedAddress, userIdEncrypted }) => {
  const [isModalOpen, setIsModalOpen] = useState(false);
  const [settedAddress, setSettedAddress] = useState(formattedAddress);

  const handleEdit = async (e) => {
    e.preventDefault();
    setIsModalOpen(true);
  }

  return (
    <>
      <div className="user-profile-ov">
        <h3 style={{ display: "flex" }}>
          Ubicación
          <div>
            <a
              href="#"
              title=""
              className="btn-location-edit"
              onClick={handleEdit}
            >
              <i className="fa fa-pencil"></i>
            </a>
          </div>
        </h3>
        <p>{settedAddress || 'Sin información'}</p>
      </div>
      <LocationModal
        isModalOpen={isModalOpen}
        closeModal={() => setIsModalOpen(false)}
        setSettedAddress={(newAddress) => setSettedAddress(newAddress)}
        userIdEncrypted={userIdEncrypted}
      />
    </>
  );
};

export default Location;