Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 8143 | Rev 8151 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
7806 stevensc 1 
import React, { useState } from "react";
7808 stevensc 2 
import DeleteModal from "../../../shared/DeleteModal";
7545 stevensc 3 
 
7806 stevensc 4 
const Follower = ({ first_name, last_name, email, actions, allowDelete, deleteFollower }) => {
7573 stevensc 5 
 
7806 stevensc 6 
  const [showDeleteModal, setShowDeleteModal] = useState(false)
7 
 
8 
  const closeModal = () => setShowDeleteModal(false)
9 
 
7545 stevensc 10 
  return (
7573 stevensc 11 
    <>
8150 stevensc 12 
      <div className="col-md-3 col-sm-6 col-12">
13 
        <div className="company_profile_info border-radius border-gray">
14 
          <div className="company-up-info border-radius">
15 
            <div className="ph-15">
16 
              <div className="row border-bottom-gray mb-2">
17 
                <div className="d-flex flex-column mb-1 justify-content-center align-items-center">
18 
                  <h3 className="mb-1 mt-3">
8143 stevensc 19 
                    {`${first_name} ${last_name}`}
20 
                  </h3>
21 
                  <p className="mb-0 small lh-sm">
22 
                    {email}
23 
                  </p>
24 
                </div>
25 
              </div>
26 
            </div>
27 
            <ul>
28 
              <li>
8150 stevensc 29 
                <button className="btn btn-primary">
30 
                  <a href={actions.link_profile} className="btn p-0">
8143 stevensc 31 
                    Ver perfil
32 
                  </a>
33 
                </button>
34 
              </li>
8150 stevensc 35 
              {
36 
                allowDelete
37 
                &&
38 
                <li>
39 
                  <button
40 
                    className="btn btn-tertiary"
41 
                    onClick={() => setShowDeleteModal(true)}
42 
                  >
43 
                    Administrar
44 
                  </button>
45 
                </li>
46 
              }
8143 stevensc 47 
            </ul>
7573 stevensc 48 
          </div>
7545 stevensc 49 
        </div>
50 
      </div>
7806 stevensc 51 
      <DeleteModal
52 
        url={actions.link_delete}
53 
        isOpen={showDeleteModal}
54 
        closeModal={closeModal}
55 
        title={`Esta seguro de eliminar a ${first_name} de su lista de seguidores?`}
56 
        onComplete={() => deleteFollower(email)}
57 
        message={`Seguidor eliminado`}
58 
      />
7573 stevensc 59 
    </>
7806 stevensc 60 
  )
61 
}
7545 stevensc 62 
 
7806 stevensc 63 
export default React.memo(Follower);