Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5473 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 5473 Rev 5483
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React, { useState } from "react";
 2 
import React, { useState, useEffect } from 'react'
3 
import LocationModal from "./LocationModal";
 3 
import { useSelector } from 'react-redux'
Línea -... Línea 4...
- 
 
 4 
 
- 
 
 5 
import IconButton from '@mui/material/IconButton'
- 
 
 6 
import EditIcon from '@mui/icons-material/Edit'
- 
 
 7 
import LocationModal from './LocationModal'
- 
 
 8 
import EmptySection from '../../../shared/empty-section/EmptySection'
4 
 
 9 
 
5 
const Location = ({ formattedAddress, userIdEncrypted }) => {
 10 
const Location = ({ address, userId, isEdit }) => {
6 
  const [isModalOpen, setIsModalOpen] = useState(false);
 11 
  const [isModalOpen, setIsModalOpen] = useState(false)
7 
  const [settedAddress, setSettedAddress] = useState(formattedAddress);
 12 
  const [settedAddress, setSettedAddress] = useState(address)
8 
 
 13 
 
- 
 
 14 
  const labels = useSelector((state) => state.labels)
9 
  const handleEdit = async (e) => {
 15 
 
10 
    e.preventDefault();
 16 
  const handleEdit = () => {
11 
    setIsModalOpen(true);
 17 
    setIsModalOpen(true)
Línea -... Línea 18...
- 
 
 18 
  }
- 
 
 19 
 
- 
 
 20 
  useEffect(() => {
- 
 
 21 
    setSettedAddress(address)
12 
  }
 22 
  }, [])
13 
 
 23 
 
14 
  return (
 24 
  return (
15 
    <>
 25 
    <>
16 
      <div className="user-profile-ov">
 26 
      <div className="profile-attr">
17 
        <h3 style={{ display: "flex" }}>
 27 
        <div className="profile-attr-header">
18 
          Ubicación
 28 
          <h3>Ubicación</h3>
19 
          <div>
 29 
          {isEdit && (
20 
            <a
 30 
            <IconButton onClick={handleEdit}>
21 
              href="#"
 - 
 
22 
              title=""
 31 
              <EditIcon />
23 
              className="btn-location-edit"
 32 
            </IconButton>
24 
              onClick={handleEdit}
 33 
          )}
25 
            >
 34 
        </div>
26 
              <i className="fa fa-pencil"></i>
 35 
        {settedAddress ? (
- 
 
 36 
          <p>{settedAddress}</p>
27 
            </a>
 37 
        ) : (
28 
          </div>
 - 
 
29 
        </h3>
 38 
          <EmptySection align="left" message={labels.EMPTY} />
30 
        <p>{settedAddress || 'Sin información'}</p>
 39 
        )}
31 
      </div>
 40 
      </div>
32 
      <LocationModal
 41 
      <LocationModal
33 
        isModalOpen={isModalOpen}
 42 
        isModalOpen={isModalOpen}
34 
        closeModal={() => setIsModalOpen(false)}
 43 
        closeModal={() => setIsModalOpen(false)}
35 
        setSettedAddress={(newAddress) => setSettedAddress(newAddress)}
 44 
        setSettedAddress={(newAddress) => setSettedAddress(newAddress)}
36 
        userIdEncrypted={userIdEncrypted}
 45 
        userIdEncrypted={userId}
37 
      />
 46 
      />
38 
    </>
 47 
    </>
Línea 39... Línea 48...
39 
  );
 48 
  )