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;