Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 7808 | Rev 8150 | 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 
    <>
8143 stevensc 12 
      <div class="col-md-3 col-sm-6 col-12">
13 
        <div class="company_profile_info border-radius border-gray">
14 
          <div class="company-up-info border-radius">
15 
            <div class="ph-15">
16 
              <div class="row border-bottom-gray mb-2">
17 
                <div class="d-flex justify-content-center align-items-center">
18 
                  <h3 class="mb-1 mt-3">
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>
29 
                <button
30 
                  class="btn btn-primary"
31 
                >
32 
                  <a href={actions.link_profile} className="text-white">
33 
 
34 
                    Ver perfil
35 
                  </a>
36 
                </button>
37 
              </li>
38 
              <li>
39 
                <button
40 
                  class="btn btn-tertiary"
41 
                  onClick={() => setShowDeleteModal(true)}
42 
                >
43 
                  Administrar
44 
                </button>
45 
              </li>
46 
            </ul>
7573 stevensc 47 
          </div>
7545 stevensc 48 
        </div>
49 
      </div>
7806 stevensc 50 
      <DeleteModal
51 
        url={actions.link_delete}
52 
        isOpen={showDeleteModal}
53 
        closeModal={closeModal}
54 
        title={`Esta seguro de eliminar a ${first_name} de su lista de seguidores?`}
55 
        onComplete={() => deleteFollower(email)}
56 
        message={`Seguidor eliminado`}
57 
      />
7573 stevensc 58 
    </>
7806 stevensc 59 
  )
60 
}
7545 stevensc 61 
 
7806 stevensc 62 
export default React.memo(Follower);